<!-- Images Carousel Section -->
<div class="container-fluid">
  <div class="js-slick-carousel u-slick"
       data-autoplay="true"
       data-speed="5000"
       data-pagi-classes="text-center u-slick__pagination u-slick__pagination--white position-absolute right-0 bottom-0 left-0">
    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img22.jpg);">
      <div class="container">
        <div class="w-lg-30">
          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
              data-scs-animation-in="fadeInUp">High<br>quality</h4>
          <p class="lead text-white"
             data-scs-animation-in="fadeInUp">We aim high at being focused on hight quality materials.</p>
        </div>
      </div>
    </div>
    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img1.jpg);">
      <div class="container">
        <div class="w-lg-30">
          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
              data-scs-animation-in="fadeInUp">Soft<br>papers</h4>
          <p class="lead text-white"
             data-scs-animation-in="fadeInUp">Using our creative gifts drives this foundation.</p>
        </div>
      </div>
    </div>
    <div class="js-slide rounded bg-img-hero-center space-4" style="background-image: url(../../assets/img/1920x1080/img23.jpg);">
      <div class="container">
        <div class="w-lg-30">
          <h4 class="display-4 text-white font-weight-semi-bold mb-3"
              data-scs-animation-in="fadeInUp">Long<br>lasting</h4>
          <p class="lead text-white"
             data-scs-animation-in="fadeInUp">This a powerful outlet that constantly gets overlooked.</p>
        </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/components/hs.slick-carousel.js"></script>

<!-- JS Plugins Init. -->
<script>
  $(document).on('ready', function () {
    // initialization of slick carousel
    $.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
  });
</script>