templates/partials/_carousel.html.twig line 1

  1. <section id="hero">
  2.     <div class="hero-container">
  3.         <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>
  5.             <div class="carousel-inner" role="listbox">
  6.                 <!-- Slide 1 -->
  7.                 <div class="carousel-item active" style="background: url(/images/slide/slide-1.jpg)">
  8.                     <div class="carousel-container">
  9.                         <div class="carousel-content">
  10.                             <h2 class="animate__animated animate__fadeInDown">Bienvenue chez <span>Expace</span></h2>
  11.                             <h4 class="animate__animated animate__fadeInUp">Vous avez besoin d'une application web sur mesure ?</h4>
  12.                             <h5 class="animate__animated animate__fadeInUp">Nous pouvons vous aider !</h5>
  13.                             <a href="{{ path('app_home', {'_fragment': 'about'}) }}" class="btn-get-started animate__animated animate__fadeInUp">En savoir plus</a>
  14.                         </div>
  15.                     </div>
  16.                 </div>
  17.                 <!-- Slide 2 -->
  18.                 <div class="carousel-item" style="background: url(/images/slide/slide-2.jpg)">
  19.                     <div class="carousel-container">
  20.                         <div class="carousel-content">
  21.                             <h2 class="animate__animated animate__fadeInDown">Analyse de vos <span>Besoins</span></h2>
  22.                             <h4 class="animate__animated animate__fadeInUp">Analysons ensemble vos besoins !</h4>
  23.                             <h5 class="animate__animated animate__fadeInUp">Et mettons les en application</h5>
  24.                             <a href="{{ path('app_home', {'_fragment': 'about'}) }}" class="btn-get-started animate__animated animate__fadeInUp">En savoir plus</a>
  25.                         </div>
  26.                     </div>
  27.                 </div>
  28.                 <!-- Slide 3 -->
  29.                 <div class="carousel-item" style="background: url(/images/slide/slide-3.jpg)">
  30.                     <div class="carousel-container">
  31.                         <div class="carousel-content">
  32.                             <h2 class="animate__animated animate__fadeInDown">Mise en <span>Production</span></h2>
  33.                             <h4 class="animate__animated animate__fadeInUp">Nous livrons la version finale du projet</h4>
  34.                             <h5 class="animate__animated animate__fadeInUp">Nous optimisons votre référencement</h5>
  35.                             <a href="{{ path('app_home', {'_fragment': 'about'}) }}" class="btn-get-started animate__animated animate__fadeInUp">En savoir plus</a>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.             <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
  41.                 <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
  42.             </a>
  43.             <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
  44.                 <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
  45.             </a>
  46.         </div>
  47.     </div>
  48. </section>