<!-- partial:index.partial.html -->


  
  <link rel="stylesheet" href="gall/style.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Parisienne&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap" rel="stylesheet">


<?php include'header.php';?>
    <?php include'navbar.php';?>
	  

    
    <div class="page-banner-area bg-one">
<div class="container">
<div class="page-banner-content">
<h1>Gallery</h1>
<ul>
<li><a href="index.php">Home</a></li>
<li>Gallery</li>
</ul>
</div>
</div>
</div>
    

<div class="filters filter-button-group">
	<ul>
		<li class="active"><a href="javascript:void(0);" data-filter="*">All</a></li>
		<?php
		  $sql=mysqli_query($conn,"SELECT * FROM gallery_category");	
          while($row=mysqli_fetch_array($sql)){
			    $sentence = $row['category']; 
  $filter=strtok($sentence, " "); 
		?> 
		<li><a href="javascript:void(0);" data-filter="<?php echo $filter; ?>"><?php echo $row['category']; ?></a></li>
		<?php
		  }
		  ?>
		<!--<li><a href="javascript:void(0);" data-filter="party">Party Hall</a></li>
        <li><a href="javascript:void(0);" data-filter="banquet">Banquet Hall</a></li>
        <li><a href="javascript:void(0);" data-filter="events">All Events</a></li>
		-->
	</ul>
</div>
	<div id="container" class="isotope">
    <!---facility-->
	<?php
		  $sql1=mysqli_query($conn,"SELECT a.*,b.* FROM gallery_category AS a, gallery AS b WHERE a.id=b.cid");	
          while($row1=mysqli_fetch_array($sql1)){
			   $sentence1 = $row1['category']; 
        $filter1=strtok($sentence1, " "); 
		?>	
		<div class="grid-item" data-filter="<?php echo $filter1; ?>">
        <a class="popupimg" href="admin/<?php echo $row1['image'];?>">
        <img class="gal-img"src="admin/<?php echo $row1['image'];?>">
		
        </a>
          <div class="overlay"><?php echo $row1['title'];?></div>
        </div>
		<?php
		  }
		  ?>
		<!--<div class="grid-item" data-filter="wedding">
        <a class="popupimg" href="img/bg-3.jpg">
        <img class="gal-img"src="img/bg-3.jpg">
        </a>
        <div class="overlay">Wedding</div>
        </div>
		<div class="grid-item" data-filter="party">
        <a class="popupimg" href="img/gal-7.jpg">
        <img class="gal-img"src="img/gal-7.jpg">
        </a>
        <div class="overlay">Mini Hall</div>
        </div>
		 <!---event--
		<div class="grid-item" data-filter="events">
        <a class="popupimg" href="img/event-1.jpg">
        <img class="gal-img"src="img/event-1.jpg">
        </a>
        <div class="overlay">Ear Piercing</div>
        </div>
		<div class="grid-item" data-filter="events">
        <a class="popupimg" href="img/events-2.jpg">
        <img class="gal-img"src="img/events-2.jpg">
        </a>
        <div class="overlay">Ear Piercing</div>
        </div>
		 <!---sport--
		<div class="grid-item" data-filter="banquet">
        <a class="popupimg" href="img/gal-6.jpg">
        <img class="gal-img" src="img/gal-6.jpg">
        </a>
        <div class="overlay">Wedding</div>
        </div>
		<div class="grid-item" data-filter="banquet">
        <a class="popupimg" href="img/gal-5.jpg">
        <img class="gal-img"src="img/gal-5.jpg">
        </a>
        <div class="overlay">Reception</div>
        </div>-->

	</div>
    
    <div class="isotope-pager" style="padding-top: 15px; text-align:center;">
        </div>
    
    <!-- footer -->
			
<!-- //footer -->

	
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js'></script><script  src="gall/script.js"></script>

 <?php include'gall_footer.php';?>