<div class="py-6">
<div class="container">
<div class="slick-slider"
data-slick-options='{"slidesToShow": 3,"infinite":true,"autoplay":false,"dots":false,"arrows":false,"responsive":[{"breakpoint": 1200,"settings": {"slidesToShow":2}},{"breakpoint": 576,"settings": {"slidesToShow": 1}}]}'>
<div class="box">
<div class="card border-0">
<img src="../../../images/c_04.jpg" alt="Chairs" class="card-img">
<div class="card-img-overlay d-inline-flex flex-column p-4">
<h3 class="card-title fs-30">Chairs</h3>
<div class="mt-auto">
<a href="#"
class="text-uppercase fs-14 letter-spacing-05 border-bottom border-light-dark border-hover-primary font-weight-bold">Shop
Now</a>
</div>
</div>
</div>
</div>
<div class="box">
<div class="card border-0">
<img src="../../../images/c_05.jpg" alt="Accessories" class="card-img">
<div class="card-img-overlay d-inline-flex flex-column p-4">
<h3 class="card-title fs-30">Planters</h3>
<div class="mt-auto">
<a href="#"
class="text-uppercase fs-14 letter-spacing-05 border-bottom border-light-dark border-hover-primary font-weight-bold">Shop
Now</a>
</div>
</div>
</div>
</div>
<div class="box">
<div class="card border-0">
<img src="../../../images/c_06.jpg" alt="Tables" class="card-img">
<div class="card-img-overlay d-inline-flex flex-column p-4">
<h3 class="card-title fs-30">Tables</h3>
<div class="mt-auto">
<a href="#"
class="text-uppercase fs-14 letter-spacing-05 border-bottom border-light-dark border-hover-primary font-weight-bold">Shop
Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>