templates/default/slide.html.twig line 1

Open in your IDE?
  1. {# <section id="hero">
  2.     <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">
  4.       <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
  6.       <div class="carousel-inner" role="listbox">
  7.       
  8.         {% for pub in publications %}
  9.            
  10.             <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" style="background-image: url({% if pub.nomImage %}{{ asset('uploads/pub_' ~ pub.id ~ '/' ~ pub.nomImage ) }}{% endif %})">
  11.                 <div class="carousel-container">
  12.                     <div class="container">
  13.                     <h2 class="animate__animated animate__fadeInDown"> {{ pub.titre }} </h2>
  14.                     <p class="animate__animated animate__fadeInUp"> {{ pub.sousTitre }}</p>
  15.                     <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Voir plus</a>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.         {% endfor %}
  21.       </div>
  23.       <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
  24.         <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
  25.       </a>
  27.       <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
  28.         <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
  29.       </a>
  31.     </div>
  32.   </section> #}
  36. <section id="hero" class="hero section">
  37.     <div id="hero-carousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
  38.        
  39.         {% for pub in publications %}
  41.         <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" 
  42.         style="background-image: url({% if pub.nomImage %}{{ asset('uploads/pub_' ~ pub.id ~ '/' ~ pub.nomImage ) }}{% endif %})"
  43.         >
  44.           {# <img src="assets/img/hero-carousel/hero-carousel-1.jpg" alt=""> #}
  45.             <div class="info d-flex align-items-left">
  46.               <div class="container">
  47.                 <div class="row justify-content-left" data-aos="fade-up" data-aos-delay="100">
  48.                   <div class="col-lg-6 text-left">
  49.                     <h2>{{ pub.titre }}</h2>
  50.                     <p style="font-size: 22px !important;">{{ pub.description }}</p>
  51.                       <a href="#" class="btn-get-started" style="margin-left: 0px !important;">Lire plus</a>
  52.                   </div>
  53.                 </div>
  54.               </div>
  55.             </div>
  56.         </div>
  58.         {% endfor %}
  60.         <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
  61.           <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
  62.         </a>
  64.         <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
  65.           <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
  66.         </a>
  68.   </div>
  69. </section>