templates/front/home.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout/front.html.twig' %}
  3. {% block pageContent %}
  4.     <!-- The 6 latest posts -->
  5.     <main class="my-5">
  6.         <div class="container">
  7.             <section class="text-center">
  8.                 <h1 class="mb-3">
  9.                     <strong>{{ page.title }}</strong>
  10.                 </h1>
  11.                 <h4 class="mb-3">
  12.                     {{ page.subtitle }}
  13.                 </h3>
  14.             </section>
  15.             <section>
  16.                 {{ page.content|raw }}
  17.             </section>
  18.             <hr>
  19.             <section class="text-center">
  20.                 <h2 class="mb-5">
  21.                     <strong>Les dernières news</strong>
  22.                 </h2>
  23.                 <div class="row">
  24.                     {% if latestPosts|length == 1 %}
  25.                         {% set newsContainerClass = 'col-lg-12 col-md-12 mb-4' %}
  26.                     {% elseif latestPosts|length == 2 %}
  27.                         {% set newsContainerClass = 'col-lg-6 col-md-6 mb-4' %}
  28.                     {% else %}
  29.                         {% set newsContainerClass = 'col-lg-4 col-md-12 mb-4' %}
  30.                     {% endif %}
  32.                     {% for item in latestPosts %}
  33.                         <div class={{newsContainerClass}}>
  34.                             <div class="card">
  35.                                 <div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
  36.                                     {# <img src="assets/img/posts/post.jpeg"
  37.                                         class="img-fluid"/> #}
  38.                                     <a href="#">
  39.                                         <div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
  40.                                     </a>
  41.                                 </div>
  42.                                 <div class="card-body">
  43.                                     <h5 class="card-title">{{ item.title }}</h5>
  44.                                     <p class="card-text">
  45.                                         {{item.summary|raw}}
  46.                                     </p>
  47.                                     <a href="#" class="btn btn-primary">Read</a>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  52.                     {% endfor %}
  53.                 </div>
  54.             </section>
  55.         </div>
  56.     </main>
  57. {% endblock %}