templates/includes/_related_content.html.twig line 1
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 1}) }}
{{ include('includes/_swiper_item.html.twig', {number: 2}) }}
</div>
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 3}) }}
{{ include('includes/_swiper_item.html.twig', {number: 4}) }}
</div>
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 5}) }}
{{ include('includes/_swiper_item.html.twig', {number: 6}) }}
</div>
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 7}) }}
{{ include('includes/_swiper_item.html.twig', {number: 8}) }}
</div>
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 9}) }}
{{ include('includes/_swiper_item.html.twig', {number: 11}) }}
</div>
<div class="swiper-slide d-flex flex-column flex-md-row gap-5 justify-content-md-around">
{{ include('includes/_swiper_item.html.twig', {number: 22}) }}
{{ include('includes/_swiper_item.html.twig', {number: 33}) }}
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>