<!-- Swiper Slider -->
<div class="container-fluid">
<div class="js-swiper-gallery-2 swiper">
<div class="swiper-wrapper">
<!-- Slider -->
<div class="swiper-slide bg-img-center content-space-3 content-space-md-5 rounded-2" style="background-image: url(../assets/img/1920x1080/img22.jpg);">
<div class="container">
<div class="w-lg-30 text-center mx-lg-auto">
<div class="mb-5">
<h4 class="display-4 text-white mb-3">Cleanses</h4>
<p class="text-white">We aim high at being focused on hight quality materials.</p>
</div>
<a class="btn btn-light btn-transition" href="#">See packs</a>
</div>
</div>
</div>
<!-- Slider -->
<!-- Slider -->
<div class="swiper-slide bg-img-center content-space-3 content-space-md-5 rounded-2" style="background-image: url(../assets/img/1920x1080/img1.jpg);">
<div class="container">
<div class="w-lg-30 text-center mx-lg-auto">
<div class="mb-5">
<h4 class="display-4 text-white mb-3">Juices</h4>
<p class="text-white">Using our creative gifts drives this foundation.</p>
</div>
<a class="btn btn-light btn-transition" href="#">See packs</a>
</div>
</div>
</div>
<!-- End Slider -->
</div>
<!-- Swiper Pagination -->
<div class="js-swiper-gallery-2-pagination swiper-pagination swiper-pagination-light position-absolute bottom-0 start-0 end-0 mb-5"></div>
</div>
<!-- End Slider -->
</div>
<!-- End Swiper Slider -->
<link rel="stylesheet" href="../node_modules/swiper/swiper-bundle.min.css">
<!-- JS Implementing Plugins -->
<script src="../node_modules/swiper/swiper-bundle.min.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF SWIPER
// =======================================================
var swiper = new Swiper('.js-swiper-gallery-2',{
slidesPerView: 1,
pagination: {
el: '.js-swiper-gallery-2-pagination',
dynamicBullets: true,
clickable: true,
},
});
})()
</script>