templates/blog/index.html.twig line 1

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