<?php 
include_once("include/main.inc.php");
$page_metatitle = "Gallery- ".COMPANY_NAME;
$page_metadesc = "Gallery- ".COMPANY_NAME;
$page_metakey ="Gallery- ".COMPANY_NAME;
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php include 'top_header.php';?>
    <link href="<?=site_url;?>/designer/css/jquery.fancybox.css" rel="stylesheet">
  </head>
  <body>
    <div class="webpulse-main-wrapper">
      <!-- Header---> 
      <?php include 'header.php';?>
      <!-- Heading Banner--->
      <section class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/about/about-us.jpg)">
        <div class="container">
          <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
              <h1 class="cat_title">Photo <strong>Gallery</strong></h1>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
      </section>
      <!-- Breadcrumb--->
      <section class="inner_breadcrumb hidden-xs">
        <div class="container">
          <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
              <ul class="breadcrumb">
                <li>
                  <a href="<?=site_url;?>" title="Home">Home</a>
                </li>
                <li class="active">Our Gallery</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
      <!-- Home About--->
      <section class="about_page">
        <div class="container">
          <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
              <div>
                <h2  class="catTitle_2">Our <span>Gallery</span></h2>
                <div class="wps_right">
                  <div class="row">
                  <?php $gallery_sql= mysqli_query($GLOBALS['dbconn'], "select * from photo_tbl order by id ASC "); 
       $i=1;
 while($gallery_res= mysqli_fetch_assoc($gallery_sql)){ 
    $galImg=getImage($gallery_res[image], 356, 255, $gallery_res[title].$i,"/uploaded-files/gallery/photos/");
    $galImg1= getImage($gallery_res[image], 500, 358, $gallery_res[title].$i,"/uploaded-files/gallery/photos/") ;
    ?>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12 wow fadeInDown animated" data-wow-delay=".1s">
                      <a class="fancybox" data-fancybox-group="gallery" href="<?= $galImg1;?>" title="<?=$gallery_res['title'];?>">
                        <div class="gallery_details">
                          <div class="gdetails_image">
                            <img src="<?= $galImg1;?>" alt="<?=$gallery_res['title'];?>" title="<?=$gallery_res['title'];?>">
                          </div>
                          <div class="link-wrap">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>
                          </div>
                        </div>
                      </a>
                    </div>
                    <?php } ?>
                   
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Footer---> <?php include 'footer.php';?>
    </div> <?php include 'bottom_footer.php';?> 

    <script src="designer/js/jquery-fancybox.min.js"></script>
    <script>
      $('.fancybox').fancybox();
    </script>
  </body>
</html>