High
quality

We aim high at being focused on hight quality materials.

Soft
papers

Using our creative gifts drives this foundation.

Long
lasting

This a powerful outlet that constantly gets overlooked.

HTML:

          
            <!-- 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-bottom-0">
                <div class="js-slide rounded u-bg-img-hero-center u-space-3-top min-height-600" 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-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 u-bg-img-hero-center u-space-3-top min-height-600" 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-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 u-bg-img-hero-center u-space-3-top min-height-600" 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-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 -->

CSS library:

        
          <link rel="stylesheet" href="../assets/vendor/slick-carousel/slick/slick.css">

JS library and initialization:

        
          <!-- JS Implementing Plugins -->
          <script src="../assets/vendor/slick-carousel/slick/slick.js"></script>

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