templates/website/carousel.html.twig line 1

  1. <div class="container">
  2.   <section class="section-bg mt-3 mb-3">
  3.     <div id="carouselExampleCaptions"
  4.       class="carousel slide"
  5.       data-bs-ride="carousel">
  6.       <div class="carousel-indicators">
  7.         <button type="button"
  8.           data-bs-target="#carouselExampleCaptions"
  9.           data-bs-slide-to="0"
  10.           class="active"
  11.           aria-current="true"
  12.           aria-label="Slide 1">
  13.         </button>
  14.         <button type="button"
  15.           data-bs-target="#carouselExampleCaptions"
  16.           data-bs-slide-to="1"
  17.           aria-label="Slide 2">
  18.         </button>
  19.         <button type="button"
  20.           data-bs-target="#carouselExampleCaptions"
  21.           data-bs-slide-to="2"
  22.           aria-label="Slide 3">
  23.         </button>
  24.       </div>
  25.       <div class="carousel-inner">
  26.         <div class="carousel-item active">
  27.           <img src="{{ asset('') }}site/s1.jpeg"
  28.             class="d-block w-100"
  29.             alt="LPG" />
  30.           {# <div class="carousel-caption d-none d-md-block">
  31.             <h5>
  32.               First slide label
  33.             </h5>
  34.             <p>
  35.               Some representative placeholder content for the first slide.
  36.             </p>
  37.           </div> #}
  38.         </div>
  39.         <div class="carousel-item">
  40.           <img src="{{ asset('') }}site/s2.jpeg"
  41.             class="d-block w-100"
  42.             alt="LPG" />
  43.           {# <div class="carousel-caption d-none d-md-block">
  44.             <h5>
  45.               Second slide label
  46.             </h5>
  47.             <p>
  48.               Some representative placeholder content for the second slide.
  49.             </p>
  50.           </div> #}
  51.         </div>
  52.       </div>
  53.       <button class="carousel-control-prev"
  54.         type="button"
  55.         data-bs-target="#carouselExampleCaptions"
  56.         data-bs-slide="prev">
  57.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  58.         <span class="visually-hidden">Previous</span>
  59.       </button>
  60.       <button class="carousel-control-next"
  61.         type="button"
  62.         data-bs-target="#carouselExampleCaptions"
  63.         data-bs-slide="next">
  64.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  65.         <span class="visually-hidden">Next</span>
  66.       </button>
  67.     </div>
  68.   </section>
  69. </div>