Banner 06

<div class="py-6">
    <div class="container">
        <div class="text-center mb-8">
            <img src="../../../images/logo_circle.png" alt="Logo circle">
        </div>
        <div class="mxw-814 mx-auto">
            <h2 class="fs-30 fs-lg-40 lh-15 mb-10 mb-lg-13 text-center">Having a place set aside for an activity you love makes it more likely you’ll do it.</h2>
        </div>
        <div class="slick-slider"
             data-slick-options='{"slidesToShow": 3, "autoplay":true,"dots":true,"arrows":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 1}}]}'>
            <div class="box" data-animate="fadeInUp">
                <div class="card border-0">
                    <img src="../../../images/c_15.jpg" alt="Table" class="card-img">
                    <div class="card-img-overlay d-inline-flex align-items-end justify-content-center p-4">
                        <div>
                            <a href="#" class="btn btn-white text-uppercase letter-spacing-05 bg-hover-primary hover-white border-hover-primary">Table</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box" data-animate="fadeInUp">
                <div class="card border-0">
                    <img src="../../../images/c_16.jpg" alt="Table" class="card-img">
                    <div class="card-img-overlay d-inline-flex align-items-end justify-content-center p-4">
                        <div>
                            <a href="#" class="btn btn-white text-uppercase letter-spacing-05 bg-hover-primary hover-white border-hover-primary">chairs</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box" data-animate="fadeInUp">
                <div class="card border-0">
                    <img src="../../../images/c_17.jpg" alt="Table" class="card-img">
                    <div class="card-img-overlay d-inline-flex align-items-end justify-content-center p-4">
                        <div>
                            <a href="#" class="btn btn-white text-uppercase letter-spacing-05 bg-hover-primary hover-white border-hover-primary">accessories</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box" data-animate="fadeInUp">
                <div class="card border-0">
                    <img src="../../../images/c_15.jpg" alt="Table" class="card-img">
                    <div class="card-img-overlay d-inline-flex align-items-end justify-content-center p-4">
                        <div>
                            <a href="#" class="btn btn-white text-uppercase letter-spacing-05 bg-hover-primary hover-white border-hover-primary">Table</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>