<?php include("site-header.php");?>
<link rel="stylesheet" href="<?=$site_url?>/css/lightbox.css">
<div id="pageHeader" data-bg-path="img/background-images/page-bg.jpg">
  <div class="vc-parent">
    <div class="vc-child">
      <section class="page-title">
        <h2><?=ucwords(strtolower($pgHeading));?></h2>
        <ol class="breadcrumb text-center">
          <li><a href="<?=$site_url?>/index.html">Home</a></li>
          <li class="active"><?=ucwords(strtolower($pgHeading));?></li>
        </ol>
      </section>
    </div>
  </div>
</div>
<div id="feature">
  <div class="container">
    <div class="row">
      <?php
     $sql_gallery=db_query("select * from tbl_gallery where 1 order by gallery_id asc");
	  if(mysqli_num_rows($sql_gallery) >0){
     $g=0;
	?>
      <div class="col-md-12" style="margin-top:50px;">
      
      
      <div class="portfolio-items">
    <?php
	 while($GALLERY_DATA=mysqli_fetch_array($sql_gallery)){
	  @extract($GALLERY_DATA);
	  $g++;  
	?>
    <div class="portfolio-item width-25"> <a href="#"> <img src="<?=$site_url?>/gallery_images/<?=$GALLERY_DATA['gallery_image_name']?>" alt="Gallery Image" title="Gallery Image" class="img-responsive" style="width:100%; height:200px;"> </a>
      <div class="overlay">
        <div class="vc-parent">
          <div class="vc-child"> <a href="<?=$site_url?>/gallery_images/<?=$GALLERY_DATA['gallery_image_name']?>" class="portfolio-img-link mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"> <i class="fa fa-search-plus"></i> </a> </div>
        </div>
      </div>
       
    </div>
   <?php if($g%4==0){ ?>
    <div class="clearfix"></div>
    <? } ?>
    <? } ?>
  </div>
      </div>
      <? } ?>
    </div>
  </div>
</div>
<script src="<?=$site_url?>/js/lightbox.js"></script>
<?php include("site-footer.php");?>