templates/Context/TechVideos/topVideosCarousel.html.twig line 1

Open in your IDE?
  1. {% if media|length > 0 %}
  2.     <div class="section-container no-padding">
  3.         <div class="secondary-carousel-box borderless">
  4.             <div class="swiper secondary-carousel tech-videos-carousel">
  5.                 <div class="swiper-wrapper secondary-carousel-wrapper">
  6.                     {% for mediaItem in media %}
  7.                         <a href="{{ mediaItem.link|default('#') }}" class="split-sections gradient swiper-slide">
  8.                             <div class="text-part">
  9.                                 <div class="text-4xl font-bold">
  10.                                     {{ mediaItem.name }}
  11.                                 </div>
  12.                                 <div class="section-footer">
  13.                                     {{ mediaItem.content|raw }}
  14.                                 </div>
  15.                             </div>
  16.                             <div class="video-part">
  17.                                 <video src="{{ asset(mediaItem.path, 'shop') }}" autoplay muted loop></video>
  18.                                 <div class="gradient"></div>
  19.                             </div>
  20.                         </a>
  21.                     {% endfor %}
  22.                 </div>
  23.             </div>
  24.         </div>
  25.         <div class="tech-videos-pagination"></div>
  26.     </div>
  27. {% endif %}