templates/pages/blocks/slider-section.html.twig line 1

Open in your IDE?
  1. <section class="">
  2.     <div class="container_swiper_hirerachy">
  3.         <div class="wrapper">
  4.             <h2 class="title_swiper_history" data-aos="fade-up">{{ content.slider_title }}</h2>
  5.             <!-- Swiper -->
  6.             <div class="swiper mySwiper" data-aos="fade">
  7.                 <div class="swiper-wrapper">
  8.                     {% for item in content.slider_section %}
  9.                     <div class="swiper-slide">
  10.                         <img src="{{ item.item_image.thumbnails['424x366'] }}" alt="" />
  11.                         <div class="detail_swiper_hr">
  12.                             <h5>{{ item.item_title }}</h5>
  13.                             <p>{{ item.description_item | raw }}</p>
  14.                         </div>
  15.                     </div>
  16.                     {% endfor %}
  17.                 </div>
  18.                 <div class="arrows_swiper_hr">
  19.                     <div class="swiper-button-prev">
  20.                         <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  21.                             <path fill-rule="evenodd" clip-rule="evenodd"
  22.                                 d="M6.19671 0.199811C6.45714 -0.0604552 6.87925 -0.0603201 7.13952 0.200113C7.37086 0.431608 7.39646 0.790849 7.21639 1.05062L7.13922 1.14292L2.27462 6.00266L7.13922 10.865C7.37071 11.0964 7.39654 11.4556 7.21663 11.7155L7.13952 11.8078C6.90817 12.0393 6.54894 12.0652 6.28906 11.8852L6.19671 11.8081L0.860696 6.47553C0.629096 6.24407 0.603362 5.88466 0.783496 5.62477L0.860696 5.53242L6.19671 0.199811Z"
  23.                                 fill="#F9FAFB" />
  24.                         </svg>
  25.                     </div>
  26.                     <div class="swiper-button-next">
  27.                         <svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  28.                             <path fill-rule="evenodd" clip-rule="evenodd"
  29.                                 d="M1.80329 11.8081C1.54286 12.0684 1.12075 12.0683 0.860484 11.8078C0.629136 11.5763 0.603537 11.2171 0.783615 10.9573L0.860785 10.865L5.72538 6.00528L0.860785 1.14291C0.629289 0.911567 0.60346 0.552343 0.783372 0.292461L0.860484 0.200105C1.09183 -0.0313909 1.45106 -0.0572174 1.71094 0.122694L1.80329 0.199805L7.1393 5.53241C7.3709 5.76386 7.39664 6.12328 7.2165 6.38317L7.1393 6.47552L1.80329 11.8081Z"
  30.                                 fill="#F9FAFB" />
  31.                         </svg>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </div>
  37. </section>