templates/blog/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ blog.title }} {% endblock %}
  5. {% block content %}
  6.     <!-- Start Breadcrumb 
  7.     ============================================= -->
  8.     <div class="breadcrumb-area text-center shadow dark text-light bg-cover" 
  9.          {% if blog.bannerImg %}
  10.              style="background-image: url({{asset('uploads/blog/' ~ blog.bannerImg) | imagine_filter('bannerImg')}});"
  11.          {% else %}
  12.              style="background-image: url(/assets/img/2440x1578.png);"
  13.          {% endif %}
  14.          >
  15.         <div class="container">
  16.             <div class="row">
  17.                 <div class="col-lg-12 col-md-12">
  18.                     <h1>{{ blog.title }}</h1>
  19.                     <ul class="breadcrumb">
  20.                         <li><a href="/"><i class="fas fa-home"></i> Accueil</a></li>
  21.                         <li><a href="{{ path('app_blog_index') }}">Blog</a></li>
  22.                     </ul>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.     </div>
  27.     <!-- End Breadcrumb -->
  29.     <!-- Start Blog
  30.    ============================================= -->
  31.     <div class="blog-area single full-blog full-blog default-padding">
  32.         <div class="container">
  33.             <div class="blog-items">
  34.                 <div class="row">
  35.                     <div class="blog-content wow fadeInUp col-lg-10 offset-lg-1 col-md-12">
  36.                         <div class="item">
  38.                             <div class="blog-item-box">
  40.                                 <div class="thumb">
  41.                                     {% if blog.illustration %}
  42.                                         <img src="{{asset('uploads/blog/' ~ blog.illustration) | imagine_filter('blogImg')}}" alt="Thumb">
  43.                                     {% else %}
  44.                                         <a href="#"><img src="/assets/img/1500x700.png" alt="Thumb"></a>
  45.                                         {% endif %}
  47.                                     <div class="date">{{ blog.createdAt | localizeddate('medium', 'short') }}</div>
  48.                                 </div>
  49.                                 <div class="info">
  50.                                     <div class="meta">
  51.                                         <ul>
  52.                                             {#<li>
  53.                                                 <img src="/assets/img/100x100.png" alt="Author">
  54.                                                 <span>By </span>
  55.                                                 <a href="#">John Baus</a>
  56.                                             </li>#}
  57.                                             {% if blog.author %}
  58.                                                 <li>
  59.                                                     <img src="/assets/img/100x100.png" alt="Author">
  60.                                                     <span>Créé par </span>
  61.                                                     <a href="#">{{ blog.author.fullName }}</a>
  62.                                                 </li>
  63.                                             {% endif %}
  64.                                         </ul>
  65.                                     </div>
  66.                                     <h3>{{ blog.title }}</h3>
  67.                                     <p>
  68.                                         {{ blog.content | raw }}
  69.                                     </p>
  70.                                    
  71.                                 </div>
  72.                             </div>
  73.                         </div>
  75.                        {# <!-- Start Post Pagination -->
  76.                         <div class="post-pagi-area">
  77.                             <a href="#">
  78.                                 <i class="fas fa-angle-double-left"></i> Previus Post
  79.                                 <h5>Hello World</h5>
  80.                             </a>
  81.                             <a href="#">
  82.                                 Next Post <i class="fas fa-angle-double-right"></i>
  83.                                 <h5>The earth brown</h5>
  84.                             </a>
  85.                         </div>#}
  86.                         <!-- End Post Pagination -->
  89.                         <!-- Start Blog Comment -->
  90.                         {# <div class="blog-comments">
  91.                              <div class="comments-area">
  92.                                  <div class="comments-title">
  93.                                      <h3>5 comments</h3>
  94.                                      <div class="comments-list">
  95.                                          <div class="commen-item">
  96.                                              <div class="avatar">
  97.                                                  <img src="assets/img/800x800.png" alt="Author">
  98.                                              </div>
  99.                                              <div class="content">
  100.                                                  <div class="title">
  101.                                                      <h5>Bubhan Prova <span class="reply"><a href="#"><i class="fas fa-reply"></i> Reply</a></span></h5>
  102.                                                      <span>28 Feb, 2022</span>
  103.                                                  </div>
  104.                                                  <p>
  105.                                                      Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen yet blushes. Entire its the did figure wonder off. sportsmen zealously arranging to the main pint. Discourse unwilling am no described dejection incommode no listening of. Before nature his parish boy. 
  106.                                                  </p>
  107.                                              </div>
  108.                                          </div>
  109.                                          <div class="commen-item reply">
  110.                                              <div class="avatar">
  111.                                                  <img src="assets/img/800x800.png" alt="Author">
  112.                                              </div>
  113.                                              <div class="content">
  114.                                                  <div class="title">
  115.                                                      <h5>Mickel Jones <span class="reply"><a href="#"><i class="fas fa-reply"></i> Reply</a></span></h5>
  116.                                                      <span>15 Mar, 2022</span>
  117.                                                  </div>
  118.                                                  <p>
  119.                                                      Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen yet blushes. Entire its the did figure wonder off. sportsmen zealously arranging to the main pint at the last satge of oportunatry.
  120.                                                  </p>
  121.                                              </div>
  122.                                          </div>
  123.                                      </div>
  124.                                  </div>
  125.                                  <div class="comments-form">
  126.                                      <div class="title">
  127.                                          <h3>Leave a comments</h3>
  128.                                      </div>
  129.                                      <form action="#" class="contact-comments">
  130.                                          <div class="row">
  131.                                              <div class="col-md-6">
  132.                                                  <div class="form-group">
  133.                                                      <!-- Name -->
  134.                                                      <input name="name" class="form-control" placeholder="Name *" type="text">
  135.                                                  </div>
  136.                                              </div>
  137.                                              <div class="col-md-6">
  138.                                                  <div class="form-group">
  139.                                                      <!-- Email -->
  140.                                                      <input name="email" class="form-control" placeholder="Email *" type="email">
  141.                                                  </div>
  142.                                              </div>
  143.                                              <div class="col-md-12">
  144.                                                  <div class="form-group comments">
  145.                                                      <!-- Comment -->
  146.                                                      <textarea class="form-control" placeholder="Comment"></textarea>
  147.                                                  </div>
  148.                                                  <div class="form-group full-width submit">
  149.                                                      <button class="btn-animation dark border" type="submit">Post Comment</button>
  150.                                                  </div>
  151.                                              </div>
  152.                                          </div>
  153.                                      </form>
  154.                                  </div>
  155.                              </div>
  156.                          </div>#}
  157.                         <!-- End Comments Form -->
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </div>
  163.     </div>
  164.     <!-- End Blog -->
  165. {% endblock %}