templates/front/slices/slice_federations.html.twig line 1

Open in your IDE?
  1. <section class="slice slice--federations">
  2.     <div class="fluid-grid">
  3.         {% if slice.title is defined and slice.title is not null %}
  4.             <h2 class="title title--L title--circle font-weight-light text-violet relative">
  5.                 {{ slice.title|highlight_word|raw }}
  6.             </h2>
  7.         {% endif %}
  8.         <div class="row mt-4 xl:mt-8">
  9.             <div class="col-12 relative"
  10.                  js-slider="{options: { slidesPerView: 1.5, spaceBetween: 24, breakpoints: {768: { slidesPerView: 2.5, spaceBetween: 24 }, 1024: { slidesPerView: 4, spaceBetween: 32 }} }}">
  11.                 <div class="swiper-container relative lg:overflow-hidden w-full" js-slider-el>
  12.                     <div class="swiper-wrapper">
  13.                         {% for federation in slice.federations %}
  14.                             <div class="swiper-slide">
  15.                                 {% include 'front/partials/cards/federation.html.twig' %}
  16.                             </div>
  17.                         {% endfor %}
  18.                     </div>
  19.                 </div>
  21.                 {% include 'front/partials/slider-nav.html.twig' with {mainClass: 'swiper-navigation relative xl:absolute z-1 xl:h-full flex justify-between items-center mt-6 xl:mt-0', iconColor: 'white', buttonClass: 'swiper-button--violet'} %}
  22.             </div>
  23.         </div>
  24.     </div>
  25. </section>