<?php include'header.php'; ?>
<!-- Breadcurm -->
<section class="breadcurm">
    <div class="breadcurm-heading">
        <h1>Our Gallery</h1>
        <p><a href="index.php"><span>Home</span></a> | <span>Our Gallery</span></p>
    </div>
</section>
<!-- Breadcurm -->
<link rel='stylesheet' href='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">
    <div class="item mix ihosting">
        <a href="image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/heor.jpg">
        </a>
    </div>
    <div class="item mix mws">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/heor.jpg">
        </a>
    </div>
    <div class="item portrait mix ihosting">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    <div class="item mix virajdigitals">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    
    <div class="item portrait mix mws">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    <div class="item mix ihosting">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    
    <div class="item mix mws">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/heor.jpg">
        </a>
    </div>
    
    <div class="item mix ihosting">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    <div class="item mix ihosting">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    <div class="item mix virajdigitals">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    <div class="item mix mws">
        <a href="image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/heor.jpg">
        </a>
    </div>
    
    <div class="item portrait mix ihosting">
        <a href=" image/heor.jpg" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    <div class="item mix virajdigitals">
        <a href="image/about-image-2.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    
    <div class="item mix ihosting">
        <a href="image/about-image-2.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/about-image-2.png">
        </a>
    </div>
    <div class="item portrait mix mws">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    
    <div class="item mix ihosting">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
    <div class="item portrait mix mws">
        <a href="image/face-k.png" data-lightbox="lightbox" data-title=" ">
            <img src="image/face-k.png">
        </a>
    </div>
</div>

</div> 
</section>
<script src='css/mixitup.min.js'></script>
<script src='css/lightbox.js'></script>

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