sample.js

{/* <section class="home-slider position-relative">
            <div class="hero-slider-1 style-2 dot-style-1 dot-style-1-position-1">
              
        <div style="position: relative;">
           <img class="animated" src="assets/imgs/slider/slidewatch1.webP" alt="" style="width: 100%;">
           <div class="hero-slider-content-2" style="position: absolute; top: 50%; left: 80%; transform: translate(-50%, -50%); padding: 10px; font-size: 20px;">
            <h5 class="animated">Upcoming Offer</h5>
            <h3 class="animated fw-900">Big Deals From</h3>
            <h2 class="animated fw-900 text-brand">Manufacturer</h2>
            <p class="animated">Headphone, Gaming Laptop, PC and more...</p>
            <a class="animated btn btn-brush btn-brush-3" href="shop-product-right.html"> Shop Now
            </a>
        </div>
        </div>

            <div class="single-hero-slider single-animation-wrap">
                <img class="animated" src="assets/imgs/slider/slidewatch6.png" alt="">
                </div>

                <div class="single-hero-slider single-animation-wrap">
                    <div class="container">
                        <div class="slider-1-height-2 slider-animated-1">
                            
                            <div class="single-slider-img single-slider-img-1">
                                <img class="animated" src="assets/imgs/slider/slider-2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-arrow hero-slider-1-arrow"></div>
        </section> */}