templates/pages/evenement.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}Évènements - Le Migennois{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="evenement" data-controller="swiperEvent">
  8.             <div class="container">
  9.                 <div class="title-subtitle blue">
  10.                     <h2>Nos évènements</h2>
  11.                 </div>
  12.                 <div class="swiper-js">
  13.                     <div class="wrapper swiper-wrapper">
  14.                         {% for event in events %}
  15.                             <div class="wrapper__item swiper-slide">
  16.                                 <img src="{{ asset('images/evenement.jpg') }}" alt="" class="wrapper__item__poster">
  17.                                 <div class="wrapper__item__content">
  18.                                     <div class="wrapper__item__content__wrapper">
  19.                                         <span class="date">{{ event.date|date('d/m/Y') }}</span>
  20.                                         <span class="tel">{{ event.telephone }}</span>
  21.                                     </div>
  22.                                     <h2>{{ event.name }}</h2>
  23.                                     <p>
  24.                                         {{ event.description }}
  25.                                     </p>
  26.                                     <div class="wrapper__item__content__wrap">
  27.                                         <a href="{{ event.link }}" class="btn blue" target="_blank">Voir l'événement</a>
  28.                                         <div class="wrapper__item__content__wrap__wrapper">
  29.                                             <img src="{{ asset('images/icons/pin.svg') }}" alt="">
  30.                                             <span>{{ event.ville }}</span>
  31.                                         </div>
  32.                                     </div>
  33.                                 </div>
  34.                             </div>
  35.                         {% endfor %}
  36.                     </div>
  37.                     <!-- Navigation carousel -->
  38.                     <div class="swiper-button-prev sw-button">
  39.                         <img src="{{ asset('images/icons/prev.svg') }}" alt="Flêche gauche">
  40.                     </div>
  41.                     <div class="swiper-button-next sw-button">
  42.                         <img src="{{ asset('images/icons/next.svg') }}" alt="Flêche droite">
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.         </section>
  47.     </main>
  48. {% endblock %}