OwlCyberSecurity - MANAGER

Edit File: gallery.php

<!DOCTYPE HTML>
<html class="no-js">
 <title>Image-Gallery</title>
 <?php 
 include('header.php');
 ?>
    
    <div class="hero-area">
    	<div class="page-banner parallax" style="background-image:url(images/banner/g.jpg);">
        	<div class="container">
            	<div class="page-banner-text">
        			<h1 class="block-title">Gallery</h1>
                </div>
            </div>
        </div>
    </div>
    
    <div id="main-container">
    	<div class="content">
        	<div class="container"><br><br>
                <div class="grid-filter">
                    <ul class="nav nav-pills sort-source" data-sort-id="gallery" data-option-key="filter">
                        <li data-option-value="*" class="active"><a href="#"><i class="fa fa-th"></i> <span>Show All</span></a></li>
                        <li data-option-value=".lab"><a href="#"><span><i class="fa fa-image"></i> Lab</span></a></li>
						    <li data-option-value=".bus"><a href="#"><span><i class="fa fa-image"></i> Bus & Cafetaria</span></a></li>
                        <li data-option-value=".lib"><a href="#"><span><i class="fa fa-image"></i> Library</span></a></li>
                        <li data-option-value=".hos"><a href="#"><span><i class="fa fa-image"></i> Hostel & Swimming Pool</span></a></li>
                        <li data-option-value=".coll"><a href="#"><span><i class="fa fa-image"></i> College Campus</span></a></li>
						 <li data-option-value=".coll1"><a href="#"><span><i class="fa fa-image"></i> Events & other</span></a></li>
                    </ul>
                </div>
                <div class="row">
                    <ul class="sort-destination isotope gallery-items gallery-items-nocaption" data-sort-id="gallery">
					    <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/1.jpg" class="media-box magnific-image"> <img src="images/gallery/college/1.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/1.jpg" class="media-box magnific-image"> <img src="images/gallery/events/1.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/2.jpg" class="media-box magnific-image"> <img src="images/gallery/college/2.jpg" alt=""> </a>
                        </li>
                         <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/16.jpg" class="media-box magnific-image"> <img src="images/gallery/events/16.jpg" alt=""> </a>
                        </li>
                        <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/1.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/1.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/3.jpg" class="media-box magnific-image"> <img src="images/gallery/college/3.jpg" alt=""> </a>
                        </li> 
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/2.jpg" class="media-box magnific-image"> <img src="images/gallery/events/2.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/1.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/1.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/3.jpg" class="media-box magnific-image"> <img src="images/gallery/events/3.jpg" alt=""> </a>
                        </li>
                         <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/17.jpg" class="media-box magnific-image"> <img src="images/gallery/events/17.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/4.jpg" class="media-box magnific-image"> <img src="images/gallery/events/4.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/11.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/11.jpg" alt=""> </a>
                        </li>
                       
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/2.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/2.jpg" alt=""> </a>
                        </li>
						   <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/13.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/13.jpg" alt=""> </a>
                        </li> 
                            <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/5.jpg" class="media-box magnific-image"> <img src="images/gallery/events/5.jpg" alt=""> </a>
                        </li> 						
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/14.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/14.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/4.jpg" class="media-box magnific-image"> <img src="images/gallery/college/4.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/6.jpg" class="media-box magnific-image"> <img src="images/gallery/events/6.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/7.jpg" class="media-box magnific-image"> <img src="images/gallery/events/7.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/1.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/1.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/12.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/12.jpg" alt=""> </a>
                        </li>
                        <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/9.jpg" class="media-box magnific-image"> <img src="images/gallery/events/9.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/5.jpg" class="media-box magnific-image"> <img src="images/gallery/college/5.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/2.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/2.jpg" alt=""> </a>
                        </li> 
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/6.jpg" class="media-box magnific-image"> <img src="images/gallery/college/6.jpg" alt=""> </a>
                        </li>
						   <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/15.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/15.jpg" alt=""> </a>
                        </li>
                         <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/18.jpg" class="media-box magnific-image"> <img src="images/gallery/events/18.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lib format-images">
                           	<a href="images/gallery/Library/1.jpg" class="media-box magnific-image"> <img src="images/gallery/Library/1.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/2.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/2.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/3.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/3.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/10.jpg" class="media-box magnific-image"> <img src="images/gallery/events/10.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/7.jpg" class="media-box magnific-image"> <img src="images/gallery/college/7.jpg" alt=""> </a>
                        </li>
						   <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/16.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/16.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/8.jpg" class="media-box magnific-image"> <img src="images/gallery/college/8.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/3.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/3.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/11.jpg" class="media-box magnific-image"> <img src="images/gallery/events/11.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/9.jpg" class="media-box magnific-image"> <img src="images/gallery/college/9.jpg" alt=""> </a>
                        </li>
                      <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lib format-images">
                           	<a href="images/gallery/Library/2.jpg" class="media-box magnific-image"> <img src="images/gallery/Library/2.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/3.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/3.jpg" alt=""> </a>
                        </li>
					   <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/12.jpg" class="media-box magnific-image"> <img src="images/gallery/events/12.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/6.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/6.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/4.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/4.jpg" alt=""> </a>
                        </li>
                      
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/10.jpg" class="media-box magnific-image"> <img src="images/gallery/college/10.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/13.jpg" class="media-box magnific-image"> <img src="images/gallery/events/13.jpg" alt=""> </a>
                        </li>
                        <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/4.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/4.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/s2.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/s2.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/14.jpg" class="media-box magnific-image"> <img src="images/gallery/events/14.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/21.jpg" class="media-box magnific-image"> <img src="images/gallery/college/21.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/22.jpg" class="media-box magnific-image"> <img src="images/gallery/college/22.jpg" alt=""> </a>
                        </li>
                        <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/5.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/5.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/5.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/5.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll1 format-images">
                           	<a href="images/gallery/events/15.jpg" class="media-box magnific-image"> <img src="images/gallery/events/15.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/9.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/9.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/4.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/4.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/7.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/7.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/23.jpg" class="media-box magnific-image"> <img src="images/gallery/college/23.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/20.jpg" class="media-box magnific-image"> <img src="images/gallery/college/20.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/6.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/6.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lib format-images">
                           	<a href="images/gallery/Library/3.jpg" class="media-box magnific-image"> <img src="images/gallery/Library/3.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/18.jpg" class="media-box magnific-image"> <img src="images/gallery/college/18.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/8.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/8.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/14.jpg" class="media-box magnific-image"> <img src="images/gallery/college/14.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/7.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/7.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/15.jpg" class="media-box magnific-image"> <img src="images/gallery/college/15.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/11.jpg" class="media-box magnific-image"> <img src="images/gallery/college/11.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lib format-images">
                           	<a href="images/gallery/Library/4.jpg" class="media-box magnific-image"> <img src="images/gallery/Library/4.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/9.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/9.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item hos format-images">
                           	<a href="images/gallery/hostel/s1.jpg" class="media-box magnific-image"> <img src="images/gallery/hostel/s1.jpg" alt=""> </a>
                        </li>
						  <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/12.jpg" class="media-box magnific-image"> <img src="images/gallery/college/12.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/10.jpg" class="media-box magnific-image"> <img src="images/gallery/lab/10.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/16.jpg" class="media-box magnific-image"> <img src="images/gallery/college/16.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item bus format-images">
                           	<a href="images/gallery/bus_c/8.jpg" class="media-box magnific-image"> <img src="images/gallery/bus_c/8.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/19.jpg" class="media-box magnific-image"> <img src="images/gallery/college/19.jpg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/18.jpeg" class="media-box magnific-image"> <img src="images/gallery/lab/18.jpeg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/17.jpg" class="media-box magnific-image"> <img src="images/gallery/college/17.jpg" alt=""> </a>
                        </li>
						 <li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item lab format-images">
                           	<a href="images/gallery/lab/17.jpeg" class="media-box magnific-image"> <img src="images/gallery/lab/17.jpeg" alt=""> </a>
                        </li>
						<li class="col-md-3 col-sm-6 col-xs-6 grid-item gallery-grid-item coll format-images">
                           	<a href="images/gallery/college/24.jpg" class="media-box magnific-image"> <img src="images/gallery/college/24.jpg" alt=""> </a>
                        </li>
						
                    </ul>
                </div>
                
               
            </div>
        </div>
    </div>

<?php 
   include('footer.php');
   ?>
</body>

</html>