templates/front/actualites.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Actualités{% endblock %}
  4. {% block style %}
  5.     <style>
  6.     .pagination {
  7.         padding-top: 50px;
  8.         justify-content: center;
  9.     }
  10.     .pagination__item {
  11.         padding: 5px 15px;
  12.         background: #b4b4b4;
  13.         border-radius: 10px;
  14.         margin-right: 5px;
  15.         color: #fff;
  16.     }
  17.     </style>
  18. {% endblock %}
  20. {% block banniere %}
  21.     <section class="bannier-blog">
  22.         <img src="{{ asset('front/images/ban/header-blog-ecole-de-surf-cote-sauvage.jpg') }}" class="img" alt="blog ecole de surf cote sauvage">
  23.     </section>
  24. {% endblock %}
  26. {% block contenu %}
  27.     <section class="pt-75 pb-35">
  28.         <div class="container">
  29.             <div class="sect-title text-center">
  30.                 <div class="h1">
  31.                     Le Blog de l’ESCS
  32.                 </div>
  33.             </div>
  34.             <div class="text-1 text-center mb-45">
  35.                 Retrouvez toutes les infos sur l’Ecole de Surf de la Côte Sauvage, nos coups de coeur, nos bons
  36.                 plans et des rencontres avec nos partenaires locaux.
  37.             </div>
  38.             <div class="row">
  40.                 {% for actualite in pager %}
  41.                 {{ actualite.init() }}
  42.                 <div class="col-xl-4 col-md-6 col-12 mb-30">
  43.                     <div class="item-blog">
  44.                         <div class="img"><img src="{{ asset(actualite.imgSrc) }}" loading="lazy" alt=""></div>
  45.                         <div class="content">
  46.                             <div class="date">
  47.                                 <span>
  48.                                     {{ actualite.date|localizeddate('none', 'none', null, null, 'd') }}
  49.                                     {% set trans_day_hash = { 
  50.                                         "January": "Janvier", 
  51.                                         "February": "Février", 
  52.                                         "March": "Mars", 
  53.                                         "April": "Avril", 
  54.                                         "May": "Mai", 
  55.                                         "June": "Juin", 
  56.                                         "July": "Juillet",
  57.                                         "August": "Juillet",
  58.                                         "September": "Septembre",
  59.                                         "October": "Octobre",
  60.                                         "November": "Novembre",
  61.                                         "December": "Décembre"
  62.                                     } 
  63.                                 %}
  64.                                 </span> {{ trans_day_hash[actualite.date|localizeddate('none', 'none', null, null, 'MMMM')] | slice(0, 3) }} <br>{{ actualite.date|localizeddate('none', 'none', null, null, 'Y') }}
  65.                             </div>
  66.                             <div class="title">
  67.                                 {{ actualite.titre }}
  68.                             </div>
  69.                             <div class="link">
  70.                                 lire la suite
  71.                             </div>
  72.                             <div class="wave"></div>
  73.                         </div>
  74.                         <a href="{{ path('app_actualite_detail', { slug : actualite.slug }) }}" class="full-link"></a>
  75.                     </div>
  76.                 </div>
  77.                 {% endfor %}
  79.                 <div class="col-12 mb-30">
  80.                     {{ pagerfanta(pager) }}
  81.                 </div>
  83.             </div>
  84.         </div>
  85.     </section>
  86. {% endblock %}
  88. {% block formule %}
  89.     
  90.     {% include 'front/formule.html.twig' %}
  91.     
  92. {% endblock %}