<?php
$_SESSION['active'] = 'project';
include 'header.php';
include 'topbar.php';
include 'navbar.php';

?> <div class="container-fluid page-header py-5 mb-5">
  <div class="container py-5">
    <h1 class="display-3 text-white mb-3 animated slideInDown">Projects</h1>
    <nav aria-label="breadcrumb animated slideInDown">
     <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a class="text-white" href="index.php">Home</a>
        </li>
        
        <li class="breadcrumb-item text-white active" aria-current="page">Projects</li>
      </ol> 
    </nav>
  </div>
</div>
<div class="container-xxl py-5">
  <div class="container">
    <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
      
      <h1 class="text-primary">Our Projects</h1>
      <h6 class="mb-4">Visit Our Latest Solar And Renewable Energy Projects</h6>
    </div>
    <div class="row mt-n2 wow fadeInUp" data-wow-delay="0.3s">
      <div class="col-12 text-center">
   <!--      <ul class="list-inline mb-5" id="portfolio-flters">
          <li class="mx-2 active" data-filter="*">All</li>
          <li class="mx-2" data-filter=".first">Solar Panels</li>
         
          <li class="mx-2" data-filter=".third">solar pumps</li>
        </ul> -->
      </div>
    </div>



    <div class="row g-4 portfolio-container wow " data-wow-delay="0.5s">
              <?php
         $project = select_project(); 
         while($projectData = mysqli_fetch_array($project)){
    ?>
      <div class="col-lg-4 col-md-6 portfolio-item first">
        <div class="portfolio-img rounded ">
          <img class="img-fluid" src="https://admin.suryasolarsystems.com/<?= $projectData['image']?>" style=" border-radius: 8px; height:270px; width:100%;" alt="">
          <div class="portfolio-btn">
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="https://admin.suryasolarsystems.com/<?= $projectData['image']?>"  data-lightbox="portfolio">
              <i class="fa fa-eye"></i>
            </a>
           
          </div>
        </div>
        <div class="pt-3">
          <p class="text-primary mb-0"><?= $projectData['name']?></p>
          <hr class="text-primary w-25 my-2">
          <!-- <h5 class="lh-base">We Are pioneers of solar & renewable energy industry</h5> -->
        </div>
      </div>
 <?php }?>
      <!-- <div class="col-lg-4 col-md-6 portfolio-item third">
        <div class="portfolio-img rounded overflow-hidden">
          <img class="img-fluid" src="img/img-600x400-4.jpg" alt="">
          <div class="portfolio-btn">
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="img/img-600x400-4.jpg" data-lightbox="portfolio">
              <i class="fa fa-eye"></i>
            </a>
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="">
              <i class="fa fa-link"></i>
            </a>
          </div>
        </div>
        <div class="pt-3">
          <p class="text-primary mb-0">Hydropower Plants</p>
          <hr class="text-primary w-25 my-2">
          <h5 class="lh-base">We Are pioneers of solar & renewable energy industry</h5>
        </div>
      </div> -->
      <!-- <div class="col-lg-4 col-md-6 portfolio-item first">
        <div class="portfolio-img rounded overflow-hidden">
          <img class="img-fluid" src="img/img-600x400-3.jpg" alt="">
          <div class="portfolio-btn">
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="img/img-600x400-3.jpg" data-lightbox="portfolio">
              <i class="fa fa-eye"></i>
            </a>
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="">
              <i class="fa fa-link"></i>
            </a>
          </div>
        </div>
        <div class="pt-3">
          <p class="text-primary mb-0">Solar Panels</p>
          <hr class="text-primary w-25 my-2">
          <h5 class="lh-base">We Are pioneers of solar & renewable energy industry</h5>
        </div>
      </div> -->
   
     <!--  <div class="col-lg-4 col-md-6 portfolio-item third">
        <div class="portfolio-img rounded overflow-hidden">
          <img class="img-fluid" src="img/img-600x400-1.jpg" alt="">
          <div class="portfolio-btn">
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="img/img-600x400-1.jpg" data-lightbox="portfolio">
              <i class="fa fa-eye"></i>
            </a>
            <a class="btn btn-lg-square btn-outline-light rounded-circle mx-1" href="">
              <i class="fa fa-link"></i>
            </a>
          </div>
        </div>
        <div class="pt-3">
          <p class="text-primary mb-0">Hydropower Plants</p>
          <hr class="text-primary w-25 my-2">
          <h5 class="lh-base">We Are pioneers of solar & renewable energy industry</h5>
        </div>
      </div>
    </div> -->
  </div>
</div> 
</div>
<?php include 'footer.php';?>