<!-- Swiper -->
<div class="js-swiper-navigation swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img1-lg.jpg" alt="Image Description">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img2-lg.jpg" alt="Image Description">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img3-lg.jpg" alt="Image Description">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img4-lg.jpg" alt="Image Description">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img5-lg.jpg" alt="Image Description">
</div>
<div class="swiper-slide">
<img class="img-fluid" src="/assets/img/documentation/img6-lg.jpg" alt="Image Description">
</div>
</div>
<!-- Arrows -->
<div class="js-swiper-navigation-button-next"></div>
<div class="js-swiper-navigation-button-prev"></div>
</div>
<!-- End Swiper -->
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF SWIPER
// =======================================================
var navigation = new Swiper('.js-swiper-navigation', {
navigation: {
nextEl: '.js-swiper-navigation-button-next',
prevEl: '.js-swiper-navigation-button-prev',
},
});
})()
</script>
