templates/blog/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{ parent() }} | Blog Bilimon {% endblock %}
  3. {% block content %}
  4.     <!-- Start Breadcrumb 
  5.     ============================================= -->
  6.     <div class="breadcrumb-area shadow dark bg-cover text-center text-light" style="background-image: url(/assets/img/2440x1578.png);">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-lg-12 col-md-12">
  10.                     {% for item in blogTitle %}
  11.                         <h1>{{ item.title }}</h1>
  12.                         <ul class="breadcrumb">
  13.                             <li><a href="/"><i class="fas fa-home"></i> Accueil</a></li>
  14.                                 {#                            <li><a href="#">Blog</a></li>#}
  15.                         </ul>
  16.                     {% endfor %}
  17.                 </div>
  18.             </div>
  19.         </div>
  20.     </div>
  21.     <!-- End Breadcrumb -->
  22.     <!-- Start Blog
  23.     ============================================= -->
  24.     <div class="blog-area grid-colum full-blog blog-standard full-blog grid-colum default-padding">
  25.         <div class="container">
  26.             <div class="blog-items content-less">
  27.                 <div class="blog-content">
  28.                     <div class="blog-item-box">
  29.                         <div class="row">
  30.                             {% for blog in blogs %}
  31.                                 <!-- Single Item -->
  32.                                 <div class="single-item col-lg-4 col-md-6">
  33.                                     <div class="item">
  34.                                         <div class="thumb">
  35.                                             {% if blog.illustration %}
  36.                                                 <img src="{{asset('uploads/blog/' ~ blog.illustration) | imagine_filter('thumbImg')}}" alt="Thumb">
  37.                                             {% else %}
  38.                                                 <img src="/assets/img/800x600.png" alt="Thumb">
  39.                                             {% endif %}
  40.                                             <div class="date">{{ blog.createdAt | localizeddate('medium', 'short') }}</div>
  41.                                         </div>
  42.                                         <div class="info">
  43.                                             <div class="meta">
  44.                                                 <ul>
  45.                                                     {% if blog.author %}
  46.                                                         <li>
  47.                                                             <span>Créé par </span>
  48.                                                             <a href="#">{{ blog.author.fullName }}</a>
  49.                                                         </li>
  50.                                                     {% endif %}
  51.                                                     {#<li>
  52.                                                         <span>In </span>
  53.                                                         <a href="#">Agency</a>
  54.                                                     </li>#}
  55.                                                 </ul>
  56.                                             </div>
  57.                                             <h4><a href="{{ path('app_blog_show', {'slug': blog.slug, 'id': blog.id}) }}">{{ blog.title }}</a></h4>
  58.                                             <p>
  59.                                                 {{ blog.content | u.truncate(200) | raw}}
  60.                                             </p>
  61.                                             <a href="{{ path('app_blog_show', {'slug': blog.slug, 'id': blog.id}) }}" class="btn-simple"><i class="fas fa-plus"></i> Lire plus</a>
  62.                                         </div>
  63.                                     </div>
  64.                                 </div>
  65.                                 <!-- End Single Item -->
  66.                             {% endfor %}
  67.                         </div>
  68.                         {#<!-- Pagination -->
  69.                         <div class="row">
  70.                             <div class="col-md-12 pagi-area text-center">
  71.                                 <nav aria-label="navigation">
  72.                                     <ul class="pagination">
  73.                                         <li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-double-left"></i></a></li>
  74.                                         <li class="page-item active"><a class="page-link" href="#">1</a></li>
  75.                                         <li class="page-item"><a class="page-link" href="#">2</a></li>
  76.                                         <li class="page-item"><a class="page-link" href="#">3</a></li>
  77.                                         <li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-double-right"></i></a></li>
  78.                                     </ul>
  79.                                 </nav>
  80.                             </div>
  81.                         </div>#}
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  87.     <!-- End Blog -->
  88. {% endblock %}