<!-- Images Carousel Section -->
<div class="container-fluid">
<div class="js-slick-carousel slick"
data-hs-slick-carousel-options='{
"autoplay": true,
"autoplaySpeed": 5000,
"dots": true,
"dotsClass": "slick-pagination slick-pagination-white position-absolute bottom-0 right-0 left-0 mb-3"
}'>
<div class="js-slide rounded bg-img-hero-center space-3 space-md-4" 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 font-weight-bold mb-3"
data-hs-slick-carousel-animation="fadeInUp">Cleanses</h4>
<p class="text-white"
data-hs-slick-carousel-animation="fadeInUp"
data-hs-slick-carousel-animation-delay="150">We aim high at being focused on hight quality materials.</p>
</div>
<a class="btn btn-light transition-3d-hover px-4" href="#"
data-hs-slick-carousel-animation="fadeInUp"
data-hs-slick-carousel-animation-delay="300">See Packs</a>
</div>
</div>
</div>
<div class="js-slide rounded bg-img-hero-center space-3 space-md-4" 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 font-weight-bold mb-3"
data-hs-slick-carousel-animation="fadeInUp">Juices</h4>
<p class="text-white"
data-hs-slick-carousel-animation="fadeInUp"
data-hs-slick-carousel-animation-delay="150">Using our creative gifts drives this foundation.</p>
</div>
<a class="btn btn-light transition-3d-hover px-4" href="#"
data-hs-slick-carousel-animation="fadeInUp"
data-hs-slick-carousel-animation-delay="300">See Packs</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Images Carousel Section -->
<link rel="stylesheet" href="./assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="./assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Front -->
<script src="./assets/js/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// INITIALIZATION OF SLICK CAROUSEL
// =======================================================
$('.js-slick-carousel').each(function() {
var slickCarousel = $.HSCore.components.HSSlickCarousel.init($(this));
});
});
</script>