templates/galilea/import/components/testimonial-slider.twig line 1

  1. <div class="overflow-x-clip bg-white select-none {{pt}} {{pb}}" {{ id ? ('id="' ~ id ~ '"')|raw }} x-data="testimonialSlider" x-reveal>
  2.     <div class="container">
  3.         <div class="relative">
  4.             <div class="flex absolute right-0 bottom-24 gap-6 justify-end items-center pointer-events-none">
  5.                 <button class="box-content p-2 w-3 text-black transition-all pointer-events-auto hover:text-brand-50 disabled:text-black/20" x-ref="prev">
  6.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="m1.964 5.493 3.39 3.389-.708.707L.05 4.993 4.646.396l.708.708-3.39 3.389h7.279v1H1.964Z" clip-rule="evenodd"/></svg>
  7.                 </button>
  8.                 <button class="box-content p-2 w-3 text-black transition-all pointer-events-auto hover:text-brand-50 disabled:text-black/20" x-ref="next">
  9.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="m8.036 4.493-3.39-3.39.708-.707L9.95 4.993 5.354 9.589l-.708-.707 3.39-3.39H.757v-1h7.279Z" clip-rule="evenodd"/></svg>
  10.                 </button>
  11.             </div>
  12.         </div>
  14.         <div x-ref="slider">
  15.             <div class="flex -ml-6">
  16.                 {% for slide in slides %}
  17.                     <div class="flex-none pl-6 basis-11/12 lg:basis-5/6">
  18.                         {% include (baseIncludePath ? baseIncludePath : '') ~ 'components/testimonial-slide.twig' with slide %}
  19.                     </div>
  20.                 {% endfor %}
  21.             </div>
  22.         </div>
  23.     </div>
  24. </div>