<?php  
require 'admin/config/function.php';
$abt=mysqli_query($conn,"select * from cms_menu where page_url='gallery'");
$abt1=mysqli_fetch_assoc($abt);
?>
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="utf-8">
  <title><?=$abt1['page_title']?></title>
  <meta name="description" content="<?=$abt1['message']?>">
  <link rel="canonical" href="<?=base_url()?>">
  <meta name="author" content="">

  <!-- OG Title -->
  <meta name="og_title" property="og:title" content="<?=$abt1['page_title']?>" />
  <meta name="og_description" property="og:description" content="<?=$abt1['message']?>" />
  <meta name="og_url" property="og:url" content="<?=base_url()?>"/> 
  <meta name="og_type" property="og:type" content="website" />
  <meta name="og_site_name" property="og:site_name" content="SITENAME" />
  <meta name="twitter:card" property="twitter:card" content="summary" />
  <meta name="twitter:url" property="twitter:url" content="PAGE-URL" />
  <meta name="twitter:site" property="twitter:site" content="@SITENAME" />
  <meta name="twitter:title" property="twitter:title" content="PAGE-TITLE" />
  <meta name="twitter:description" property="twitter:description" content="DESCRIPTION-HERE" />
  <meta name="og_image" property="og:image" content="IMAGE-URL" />
  <meta name="msapplication-TileImage" content="IMAGE-URL"/>
  <meta property="og:image:type" content="image/jpeg" />
  <meta name="twitter:image" property="twitter:image" content="IMAGE-URL" />
  <!-- OG Title -->

  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  <link rel="icon" type="image/x-icon" href="image/fav.png">
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

  <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css'>


  <link rel="stylesheet" href="<?=base_url()?>style.css">
    
    
</head>
<body>
<?php include'header.php'; ?>
<!-- Breadcurm -->
<section class="breadcurm" style="margin-top: 50px;
    background-image: linear-gradient(#0000004d, #0f0f037d), url(<?=admin_base_url().'uploads/up_image/'.$abt1['up_image']?>);
    padding: 75px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;">
    <div class="breadcurm-heading">
        <h1><?=$abt1['page_name']?></h1>
        <p><a href="<?=base_url()?>"><span>Home</span></a> | <span><?=$abt1['page_name']?></span></p>
    </div>
</section>
<!-- Breadcurm -->
<link rel='stylesheet' href='<?=base_url()?>css/lightbox.min.css'>

<section class="gallery pt-75 pb-75">
<div class="container">
<div class="filter-buttons">
    <button type="button" data-filter="all">All</button>
    <button type="button" data-filter=".mws">MWS Pvt. Ltd.</button>
    <button type="button" data-filter=".virajdigitals">Viraj Digitals</button>
    <button type="button" data-filter=".ihosting">iHosting</button>
</div>

<div class="grid-container filter-container">
    <?php
   $iHosting=mysqli_query($conn,"select * from gallery where category='Hosting'");
   while ($row=mysqli_fetch_assoc($iHosting)) {?>
  
    <div class="item mix ihosting">
        <a href="<?=admin_base_url().'uploads/gallery/'.$row['image']?>" data-lightbox="lightbox" data-title=" ">
            <img src="<?=admin_base_url().'uploads/gallery/'.$row['image']?>">
        </a>
    </div>
<?php }?>
   <?php
   $iHosting=mysqli_query($conn,"select * from gallery where category='Mws'");
   while ($row=mysqli_fetch_assoc($iHosting)) {?>
   
    <div class="item mix virajdigitals">
        <a href="<?=admin_base_url().'uploads/gallery/'.$row['image']?>" data-lightbox="lightbox" data-title=" ">
            <img src="<?=admin_base_url().'uploads/gallery/'.$row['image']?>">
        </a>
    </div>
<?php }?>
   
   <?php
   $iHosting=mysqli_query($conn,"select * from gallery where category='Viraaj'");
   while ($row=mysqli_fetch_assoc($iHosting)) {?>
  
  
    <div class="item mix mws">
        <a href="<?=admin_base_url().'uploads/gallery/'.$row['image']?>" data-lightbox="lightbox" data-title=" ">
            <img src="<?=admin_base_url().'uploads/gallery/'.$row['image']?>">
        </a>
    </div>
<?php }?>
   
</div>

</div> 
</section>
<script src='<?=base_url()?>css/mixitup.min.js'></script>
<script src='<?=base_url()?>css/lightbox.js'></script>

<script>
var mixer = mixitup('.filter-container');    
</script>  
<?php include'footer.php'; ?>