<!-- 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 -->

<!-- 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>