<!-- Carousel Start -->
    <div class="container-fluid p-0 pb-5 wow fadeIn" data-wow-delay="0.1s">
      <div class="owl-carousel header-carousel position-relative">
                                 <?php
        $slider = select_slider(); 
        while($sliderData = mysqli_fetch_array($slider)){
    ?>
        <div class="owl-carousel-item position-relative" data-dot="
            <img src='https://admin.suryasolarsystems.com/<?php echo $sliderData['image']?>'>">
          <img class="img-fluid" src="https://admin.suryasolarsystems.com/<?php echo $sliderData['image'] ?>" style="height:100vh; background-size:cover;"alt="">
          <div class="owl-carousel-inner">
            <div class="container">
              <div class="row justify-content-start">
                <div class="col-10 col-lg-8">
                  <h1 class="display-2 text-white animated slideInDown">Pioneers Of Solar And Renewable Energy</h1>
                  <p class="fs-5 fw-medium text-white mb-4 pb-3">Vero elitr justo clita lorem. Ipsum dolor at sed stet sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea elitr.</p>
                  <a href="" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Read More</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      <?php } ?>
        <!-- <div class="owl-carousel-item position-relative" data-dot="
                    <img src='img/carousel-2.jpg'>">
          <img class="img-fluid" src="img/carousel-2.jpg" alt="">
          <div class="owl-carousel-inner">
            <div class="container">
              <div class="row justify-content-start">
                <div class="col-10 col-lg-8">
                  <h1 class="display-2 text-white animated slideInDown">Pioneers Of Solar And Renewable Energy</h1>
                  <p class="fs-5 fw-medium text-white mb-4 pb-3">Vero elitr justo clita lorem. Ipsum dolor at sed stet sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea elitr.</p>
                  <a href="" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Read More</a>
                </div>
              </div>
            </div>
          </div>
        </div> -->
        <!-- <div class="owl-carousel-item position-relative" data-dot="<img src='uploads/slider/slider1.jpg'>">
          <img class="img-fluid" src="uploads/slider/slider1.jpg" alt="">
          <div class="owl-carousel-inner">
            <div class="container">
              <div class="row justify-content-start">
                <div class="col-10 col-lg-8">
                  <h1 class="display-2 text-white animated slideInDown">Pioneers Of Solar And Renewable Energy</h1>
                  <p class="fs-5 fw-medium text-white mb-4 pb-3">Vero elitr justo clita lorem. Ipsum dolor at sed stet sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea elitr.</p>
                  <a href="" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Read More</a>
                </div>
              </div>
            </div>
          </div>
        </div> -->
      </div>
    </div>
    <!-- Carousel End -->