templates/page/testimonials.html.twig line 1

Open in your IDE?
  1. <section class="content" id="testimonials">
  2.     <div class="container">
  3.         <h4 class="text-start mb-4 text-center">TÉMOIGNAGES</h4>
  4.         <div class="row justify-content-center">
  5.             <div class="col-9">
  6.                 <p class="bigTxt fw-bold text-center">
  7.                     Lotica, une mise en oeuvre et un fonctionnement
  8.                     simple déjà adopté par de nombreux <br>
  9.                     aménageurs, instructeurs et pétitionnaires.
  10.                 </p>
  11.                 <br>
  12.                 <br>
  13.             </div>
  14.         </div>
  15.         
  16.         <div class="container d-flex justify-content-center mt-5">
  17.             <div id="carouselTestimonials" class="carousel slide w75" data-bs-ride="carousel">
  18.                 
  19.                 <div class="carousel-inner">
  20.                     <div class="carousel-item active">
  21.                         <div class="card">
  22.                             <div class="row justify-content-between align-items-center">
  23.                                 <div class="col-1">
  24.                                     <i class="fa fa-quote-left ms-3" aria-hidden="true"></i>
  25.                                 </div>
  26.                                 <div class="col-11 text-end">
  27.                                     <p>
  28.                                         <i class="bi bi-star"></i>
  29.                                         <i class="bi bi-star-fill"></i>
  30.                                         <i class="bi bi-star-fill"></i>
  31.                                         <i class="bi bi-star-fill"></i>
  32.                                         <i class="bi bi-star-fill"></i>
  33.                                     </p>
  34.                                 </div>
  35.                             </div>
  36.                             <div class="card-body">
  37.                                 <p class="card-text">
  38.                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. 
  39.                                     Magnam, omnis quam suscipit quos at velit autem rem nisi quas, eum repudiandae? 
  40.                                     Cum, nam! Nobis corrupti minus necessitatibus velit ea tenetur?
  41.                                 </p>
  42.                                 <h5 class="card-title mt-5"><span class="trait"></span> Sébastien Dupont, Pétitionnaire</h5>
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                     <div class="carousel-item">
  47.                         <div class="card">
  48.                             <div class="row justify-content-between align-items-center">
  49.                                 <div class="col-1">
  50.                                     <i class="fa fa-quote-left ms-3" aria-hidden="true"></i>
  51.                                 </div>
  52.                                 <div class="col-11 text-end">
  53.                                     <i class="bi bi-star-fill"></i>
  54.                                     <i class="bi bi-star-fill"></i>
  55.                                     <i class="bi bi-star-fill"></i>
  56.                                     <i class="bi bi-star-fill"></i>
  57.                                     <i class="bi bi-star-fill"></i>
  58.                                 </div>
  59.                             </div>
  60.                             <div class="card-body">
  61.                                 <p class="card-text">
  62.                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. 
  63.                                     Magnam, omnis quam suscipit quos at velit autem rem nisi quas, eum repudiandae? 
  64.                                     Cum, nam! Nobis corrupti minus necessitatibus velit ea tenetur?
  65.                                 </p>
  66.                                 <h5 class="card-title mt-5"><span class="trait"></span> Marilyne Scott, MDR Aménagement</h5>
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     <div class="carousel-item">
  71.                         <div class="card">
  72.                             <div class="row justify-content-between align-items-center">
  73.                                 <div class="col-1">
  74.                                     <i class="fa fa-quote-left ms-3" aria-hidden="true"></i>
  75.                                 </div>
  76.                                 <div class="col-11 text-end">
  77.                                     <i class="bi bi-star"></i>
  78.                                     <i class="bi bi-star-fill"></i>
  79.                                     <i class="bi bi-star-fill"></i>
  80.                                     <i class="bi bi-star-fill"></i>
  81.                                     <i class="bi bi-star-fill"></i>
  82.                                 </div>
  83.                             </div>
  84.                             <div class="card-body">
  85.                                 <p class="card-text">
  86.                                     Lorem ipsum dolor sit amet consectetur adipisicing elit. 
  87.                                     Magnam, omnis quam suscipit quos at velit autem rem nisi quas, eum repudiandae? 
  88.                                     Cum, nam! Nobis corrupti minus necessitatibus velit ea tenetur?
  89.                                 </p>
  90.                                 <h5 class="card-title mt-5"><span class="trait"></span> Idris Corti, Archi Associés</h5>
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.                 <br><br><br><br>
  96.                 <div class="carousel-indicators mt-5">
  97.                     <button type="button" data-bs-target="#carouselTestimonials" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  98.                     <button type="button" data-bs-target="#carouselTestimonials" data-bs-slide-to="1" aria-label="Slide 2"></button>
  99.                     <button type="button" data-bs-target="#carouselTestimonials" data-bs-slide-to="2" aria-label="Slide 3"></button>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>
  104. </section>