Slick Carousel

Scaled Carousel

Scaled Carousel is a centered slick carousel centrat, that has the active slider scaled.

Copy
<div class="sq-slick carousel-sq center-sq scaled-sq shadow-sq" data-arrows="true" data-center-mode="true" data-center-padding="200px" data-desktop-center-padding="100px" data-tablet-center-padding="50px" data-mobile-center-padding="20px" data-tablet-arrows="false" data-mobile-arrows="false" >
    <!-- Slide 01 -->
    <div>
      <div class="caption-content">
          <p>You can add text caption to this carousel. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus magna vel ex semper, in pharetra justo pulvinar. </p>
      </div>
      <div class="image-wrapper">
        <div class="image-inner">
            <img class="image-sq" src="assets/images/hero/hero_big_05.jpg" alt="">
        </div>
      </div>
    </div>
    <!-- Slide 02 -->
    <div>
      ...
    </div>
</div>