<?php include 'header.php';?>
	<?php include 'navbar.php';?>
	
<link href="gallery/style.css" rel="stylesheet">
		<!-- Home -->

	
<div class="home abobannerimg">
		<div class="background_image " style="background-image:url(img/interior/bg-interior.jpeg)"></div>
		<div class="home_container">
			<div class="container">
				<div class="row">
					<div class="col">
						<div class="home_content text-center">
							<div class="home_title aby"><a class="abobantxt" href="index.php">Home </a>/ Projects</div>
						
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	  <?php include 'admin/connect.php';?>
 

	
	<section class="gallery-section ourw ">
		<div class="auto-container">
             
            <div class="sortable-masonry">
                
                <!--Filter-->
                <div class="filters text-center clearfix">
                    
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="active filter font1" data-role="button" data-filter=".all">View All</li>
						<?php
						include 'admin/connect.php';
		  $sql=mysqli_query($conn,"SELECT * FROM gallery_category");	
          while($row=mysqli_fetch_array($sql)){
			  			   $sentence = $row['category']; 
  $filter=strtok($sentence, " "); 
		?>          
					
					
  
		   <li class="filter font1" data-role="button" data-filter=".<?php echo $filter; ?>"><?php echo $row['category']; ?></li>
		  
        
		 <?php
}
		?>
		
                        
                    </ul>
                    
                </div>
                
                <div class="items-container row clearfix">
                
				<?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, " "); 
		?>	
                    <!--Gallery Block Three-->
                    <div class="gallery-block masonry-item <?php echo $filter1;?> all col-lg-3 col-md-6 col-sm-12">
						<div class="inner-box">
							<figure class="image-box">
								<img src="admin/<?php echo $row1['image'];?>" alt="">
								<!--Overlay Box-->
								<div class="overlay-box">
									<div class="overlay-inner">
										<div class="content">
										 
											<a href="admin/<?php echo $row1['image'];?>" data-fancybox="gallery-images-2" data-caption="" class="link"><span class="icon fa fa-search"></span></a>
										</div>
									</div>
								</div>
							</figure>
						</div>
					</div>
					
		  <?php } ?>
					
				</div>
			</div>
			 
		</div>
	</section>
	<!--End Gallery Section-->
	
	
		<script src=" gallery/jquery.js"></script> 
<script src=" gallery/isotope.js"></script>
<script src=" gallery/script.js"></script>
	
		<?php include 'footer.php';?>