<?php include("site-header.php");?>
  <div class="page-content">
    <div class="dlab-bnr-inr overlay-black-middle" style="background:url(<?=$site_url?>/images/inner-banner.jpg) no-repeat center; background-size:cover;">
      <div class="container">
        <div class="dlab-bnr-inr-entry">
          <h1 class="text-white">
            <?=ucwords(strtolower($pgHeading));?>
          </h1>
          <ul class="list-inline">
            <li><a href="<?=$site_url?>/index.html">Home</a></li>
            <li>|</li>
            <li>
              <?=ucwords(strtolower($pgHeading));?>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="section-full pd-top  bg-gray pd-btm">
      <div class="section-full bg-img-fix content-inner">
        <div class="container">
          <div class="row">
            <ul id="masonry" class="dlab-gallery-listing gallery-grid-4 gallery mfp-gallery m-b0">
              <?php
$sql_gallery=db_query("select * from tbl_gallery where 1 order by gallery_id asc");
if(mysql_num_rows($sql_gallery) >0){
while($GALLERY_DATA=mysql_fetch_array($sql_gallery)){
@extract($GALLERY_DATA);	  
?>
              <li class="card-container col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="dlab-box dlab-gallery-box">
                  <div class="dlab-media dlab-img-overlay1 dlab-img-effect zoom-slow dlab-img-effect zoom"> <a href="javascript:void(0);"> <img src="<?=$site_url?>/gallery_images/<?=$GALLERY_DATA['gallery_image_name']?>" alt="Gallery Image" title="Gallery Image" class="gly-sty"> </a>
                    <div class="overlay-bx">
                      <div class="overlay-icon"> <a  href="<?=$site_url?>/gallery_images/<?=$GALLERY_DATA['gallery_image_name']?>" class="mfp-link"> <i class="fa fa-picture-o icon-bx-xs"></i> </a> </div>
                    </div>
                  </div>
                </div>
              </li>
              <? }} ?>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <?php include("site-footer.php");?>
  </div>
</div>
<script src="<?=$site_url?>/js/jquery.min.js"></script> 
<script src="<?=$site_url?>/js/bootstrap.min.js"></script> 
<script src="<?=$site_url?>/js/bootstrap-select.min.js"></script> 
<script src="<?=$site_url?>/js/jquery.bootstrap-touchspin.js"></script> 
<script src="<?=$site_url?>/js/magnific-popup.js"></script> 
<script src="<?=$site_url?>/js/waypoints-min.js"></script> 
<script src="<?=$site_url?>/js/imagesloaded.js"></script> 
<script src="<?=$site_url?>/js/masonry-3.1.4.js"></script> 
<script src="<?=$site_url?>/js/masonry.filter.js"></script> 
<script src="<?=$site_url?>/js/owl.carousel.js"></script> 
<script src="<?=$site_url?>/js/custom.js"></script> 
<script src="<?=$site_url?>/js/dz.carousel.js"></script> 
<script src="<?=$site_url?>/js/switcher.min.js"></script>
</body>
</html>