<?php include'header.php';?>
        <?php include'navbar.php';?>
		<?php include 'admin/connect.php'?>
<style>
#more {display: none;}
.staticpghed {
  height: 127px;
}
</style>
		
        <div id="content" class="site-content">
			 <div class="page-header dtable text-center about-back staticpghed">
                <div class="dcell">
                    <div class="container">
                        <h1 class="page-title">Clients</h1>
                        <ul id="breadcrumbs" class="breadcrumbs">
                            <li><a href="index.php">Home</a></li>
                            <li class="active">Clients</li>
                        </ul>
                    </div>
                </div>
            </div>


            <section class="p-t110 p-b90">
                <div class="container-fluid p-l30 p-r30">
                    <!--<div class="row">
                        <div class="col-md-12 m-b20">
                            <div class="ot-heading text-center">
                                <h6><span>our projects</span></h6>
                                <h2 class="main-heading">View Some of Our Works </h2>
                            </div>
                        </div>
                    </div>-->
                    <div class="project-filter-wrapper">
					<div class="row">
					 <div class="col-md-3 m-b20 ">
                        <div class="xs-p0 side-box">
						 <h6><span>Projects Categories</span></h6>
                            <ul class="project_filters xs-p0">
                                <li><a href="#" data-filter="*" class="selected">✧ All</a></li>
								<?php
		  $sql=mysqli_query($conn,"SELECT * FROM client_category");	
          while($row=mysqli_fetch_array($sql)){
$sentence = $row['category']; 
  $filter=strtok($sentence, " "); 
		?> 
                                <li><a href="#" data-filter=".<?php echo $filter;?>">✧ <?php echo $row['category']; ?></a></li>
								
								 <?php
}
		?>	
                            </ul>
							
							
                        </div>
						
                        </div>
						
						<div class="col-md-9 m-b20">
                        <div class="projects-grid pf_5_cols">
						
						<?php
$sql1=mysqli_query($conn,"SELECT a.*,b.* FROM client_category AS a, client_gallery AS b WHERE a.id=b.cid");	
          while($row1=mysqli_fetch_array($sql1)){
			   $sentence1 = $row1['category']; 
  $filter1=strtok($sentence1, " "); 
		?>
                            <div class="project-item pd-7 media <?php echo $filter1; ?> ">
                                <div class="projects-box">
                                    <div class="projects-thumbnail">
                                        <a target="blank"href="<?php echo $row1['link'];?>">
                                            <img src="admin/<?php echo $row1['image'];?>" class="cli-img" alt="<?php echo $row1['name'];?>">
                                        </a>
                                    </div>
                                   <!-- <div class="portfolio-info s2">
                                        <div class="portfolio-info-inner">
                                            <h5><a href="</?php echo $row1['link'];?>"></?php echo $row1['name'];?></a></h5>
                                        <p class="portfolio-cates"><a href="</?php echo $row1['link'];?>"></?php echo $row1['category'];?></a></p> 
                                        </div>
                                    </div>-->
                                </div>
                            </div>
							
							<?php
		  }
		  ?>
                           


                        </div>
                        </div>
						
						</div>
						
                    </div>
                </div>
            </section>

        </div>

       <?php include'footer.php';?>
<script type="text/javascript">
    window.jQuery = window.$ = jQuery;  
    (function($) { "use strict";
        //Preloader
        Royal_Preloader.config({
            mode           : 'logo',
            logo           : 'images/logo-dark.svg',
            logo_size      : [160, 75],
            showProgress   : true,
            showPercentage : true,
            text_colour: '#000000',
            background:  '#ffffff'
        });
    })(jQuery);
</script>