File: /home/phonixce/public_html/gallery.php
<!doctype html>
<html lang="en-US">
<head>
<title>Gallery | Phonix Intervention Centre </title>
<?php include("inc/head.php"); ?>
</head>
<body>
<div class="site">
<?php include("inc/header-consultation.php"); ?>
<style>
.product-wrap{ border:3px solid #ccc;}
</style>
<header class="noo-page-heading heading-bg-image">
<div class="container-boxed max">
<div class="page-heading-info ">
<h1 class="page-title"><span class="nth-word-first">Our Gallery</span> </h1>
</div>
<div class="noo-page-breadcrumb">
<div class="breadcrumb-wrap">
<ul class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li class="active"><span>Gallery</span></li>
</ul>
</div>
</div>
</div>
</header>
<div class="main-content container-fullwidth">
<div class="noo-main col-md-12">
<div class="container-boxed max">
<div class="row shop-masonry-section">
<div class="product-masonry masonry">
<div class="masonry-filters">
<ul data-option-key="filter">
<li>
<a class="selected" href="#" data-option-value="*">All</a>
</li>
<li>
<a href="#" data-option-value=".mansonry-filter-first">Workshop on Basic Counseling Skills & Technique</a>
</li>
<li>
<a href="#" data-option-value=".mansonry-filter-second">Workshop on Psychometric Assessment </a>
</li>
<li>
<a href="#" data-option-value=".mansonry-filter-third">Exam Stress Management Talk</a>
</li>
<li>
</ul>
</div>
<div class="shop columns-4">
<ul class="products masonry-container"> <li class="masonry-item mansonry-filter-second product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images"> <img width="300" height="200" src="images/gallery/8-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/8.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-second product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/9-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/9.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/1-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/1.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/2-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/2.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/3-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/3.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/4-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/4.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/5-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/5.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/6-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/6.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-first product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="300" height="200" src="images/gallery/7-th.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/7.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-third product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="450" height="350" src="images/gallery/20171230_121508.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/20171230_121508.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-third product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="450" height="350" src="images/gallery/20171230_121509.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/20171230_121509.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-third product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="450" height="350" src="images/gallery/20171230_122058.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/20171230_122058.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-third product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="450" height="350" src="images/gallery/20171230_122112.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/20171230_122112.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
<li class="masonry-item mansonry-filter-third product">
<div class="product-container">
<figure>
<div class="product-wrap">
<div class="product-images">
<img width="450" height="350" src="images/gallery/20171230_122109.jpg" alt=""/>
</div>
<div class="product-overlay text-center">
<div class="shop-loop-actions">
<a href="images/gallery/20171230_122109.jpg" rel="prettyPhoto[product-gallery]" class="button">View Large</a>
</div>
</div>
</div>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include("inc/footer.php"); ?>
</div>
<!-- End Site Wrapper -->
<?php include("inc/footerjs.php"); ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
//prettyPhoto
jQuery("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</body>
</html>