<section class="page-title py-5 mb-4 bg-light">
	<div class="container">
		<nav class="breadcrumb">
			<a class="breadcrumb-item" href="../../..">Home</a>
			<a class="breadcrumb-item" href="../..">Docs</a><a class="breadcrumb-item" href="../slider.html">Slider</a><span class="breadcrumb-item active">Slider 04</span>
		</nav>
		<h1 class="mb-0 display-4">Slider 04</h1>
	</div>
</section>

            <div class="mt-10 mx-0 slick-slider slider" data-slick-options='{"slidesToShow": 1,"infinite":true,"autoplay":true,"dots":false,"arrows":false,"fade":true,"cssEase":"ease-in-out","speed":600}'>
                <div class="box px-0">
                    <div class="bg-img-cover-center py-12 py-lg-18"
                         style="background-image: url('../../../images/bg-slider-11.jpg');">
                        <div class="container container-xl pt-8 pb-7">
                            <div data-animate="fadeInDown">
                                <p class="text-primary mb-6 fs-24 font-weight-600">New Collection</p>
                                <h1 class="mb-7 fs-36 fs-md-48 lh-116">Get The Skin <br> You Want To Feel</h1>
                            </div>
                            <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary border-bottom border-0 rounded-0 p-0 fs-16 font-weight-600 border-2x" data-animate="fadeInUp">
                                Discover now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="box px-0">
                    <div class="bg-img-cover-center py-12 py-lg-18"
                         style="background-image: url('../../../images/bg-slider-12.jpg');">
                        <div class="container container-xl pt-8 pb-7">
                            <div data-animate="fadeInDown">
                                <p class="text-primary mb-6 fs-24 font-weight-600">The pearl glow</p>
                                <h1 class="mb-7 fs-36 fs-md-48 lh-116">Let’s Introduce Skin <br>with The Shine</h1>
                            </div>
                            <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary rounded-0 border-secondary border-bottom border-0 p-0 fs-16 font-weight-600 border-2x" data-animate="fadeInUp">
                                Discover now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="box px-0">
                    <div class="bg-img-cover-center py-12 py-lg-18"
                         style="background-image: url('../../../images/bg-slider-13.jpg');">
                        <div class="container container-xl pt-8 pb-7">
                            <div data-animate="fadeInDown">
                                <p class="text-primary mb-6 fs-24 font-weight-600">Get the glow</p>
                                <h1 class="mb-7 fs-36 fs-md-48 lh-116">Love Your Skin<br> Naturally</h1>
                            </div>
                            <a href="../../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary rounded-0 border-bottom border-0 p-0 fs-16 font-weight-600 border-2x" data-animate="fadeInUp">
                                Discover now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>