1#@!#!123s

: / home / markniuj / bazmeasar.com / include /
Filename : slider.php
back
<!-- Carousel Start -->
<div id="header-carousel" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img class="w-100" src="img/slider-brown.webp" alt="Image">
            <div class="carousel-caption d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center justify-content-center justify-content-lg-start">
                        <div class="col-10 col-lg-7 text-center text-lg-start">
      
                            <h1 class="display-3 text-white mb-4 pb-3 animated slideInDown"></h1>

                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <img class="w-100" src="img/slider-green.webp" alt="Image">
            <div class="carousel-caption d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center justify-content-center justify-content-lg-start">
                        <div class="col-10 col-lg-7 text-center text-lg-start">

                            <h1 class="display-3 text-white mb-4 pb-3 animated slideInDown"></h1>

                        </div>
                     
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <img class="w-100" src="img/slider-yellow.webp" alt="Image">
            <div class="carousel-caption d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center justify-content-center justify-content-lg-start">
                        <div class="col-10 col-lg-7 text-center text-lg-start">
      
                            <h1 class="display-3 text-white mb-4 pb-3 animated slideInDown"></h1>

                        </div>
                   
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>
<!-- Carousel End -->