templates/front/actualites.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Actualités{% endblock %}
  3. {% block style %}
  4.     <style>
  5.     .pagination {
  6.         padding-top: 50px;
  7.         justify-content: center;
  8.     }
  9.     .pagination__item {
  10.         padding: 5px 15px;
  11.         background: #b4b4b4;
  12.         border-radius: 10px;
  13.         margin-right: 5px;
  14.         color: #fff;
  15.     }
  16.     </style>
  17. {% endblock %}
  18. {% block banniere %}
  19.     <section class="ban-section">
  20.         <div class="ban">
  21.             <img src="{{ asset('front/images/ban-1.jpg') }}" alt="">
  22.             <div class="container">
  23.                 <div class="sect-title text-center mb-0">
  24.                     <div class="h1 text-white">
  25.                         Actualités
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </section>
  31. {% endblock %}
  32. {% block contenu %}
  33.     <section class="pt-75 pb-35">
  34.         <div class="container">
  35.             <div class="sect-title text-center">
  36.                 <div class="h1">
  37.                     Le Blog de l’Ecole du Surf Français de Saint-Jean-de-Luz
  38.                 </div>
  39.             </div>
  40.             <div class="text-1 text-center mb-45">
  41.                 Retrouvez toutes les infos sur l’ESF de Saint-Jean-de-Luz | Hendaia, nos coups de coeur, nos bons
  42.                 plans et des rencontres avec nos partenaires locaux.
  43.             </div>
  44.             <div class="row">
  45.                 {% for actualite in pager %}
  46.                 {{ actualite.init() }}
  47.                 <div class="col-xl-4 col-md-6 col-12 mb-30">
  48.                     <div class="item-blog">
  49.                         <div class="img"><img src="{{ asset(actualite.imgSrc) }}" loading="lazy" alt=""></div>
  50.                         <div class="content">
  51.                             <div class="cat">
  52.                                 {{ actualite.titre }}
  53.                             </div>
  54.                         </div>
  55.                         <a href="{{ path('app_actualite_detail', { slug : actualite.slug }) }}" class="full-link"></a>
  56.                     </div>
  57.                 </div>
  58.                 {% endfor %}
  59.                 <div class="col-12 mb-30">
  60.                     {{ pagerfanta(pager) }}
  61.                 </div>
  62.             </div>
  63.         </div>
  64.     </section>
  65. {% endblock %}
  66. {% block formule %}
  67.     
  68.     {% include 'front/formule.html.twig' %}
  69.     
  70. {% endblock %}