Slick Carousel

In Grid Scaled Carousel

In Grid Scaled Carousel is a centered slick carousel, that has the active slide width 100% of the wrapping .container.

Copy
<div class="sq-slick carousel-sq center-sq scaled-sq in-grid-sq-sq shadow-sq" data-center-mode="true" data-variable-width="true" data-mobile-variable-width="false" data-mobile-center-padding="20px" data-mobile-arrows="false">
    <!-- Slide 01 -->
    <div>
      <div class="caption-content">
      </div>
      <div class="image-wrapper">
        <div class="image-inner">
            <img class="image-sq" src="assets/images/hero/hero_big_10.jpg" alt="">
        </div>
      </div>
    </div>
    <!-- Slide 02 -->
    <div>
      ...
    </div>
</div>