Mini Shell
Mini Shell
| Direktori : /home/importfo/public_html/drvidhisphysiotherapy.com/ |
| Current File : /home/importfo/public_html/drvidhisphysiotherapy.com/gallery2.php |
<!DOCTYPE html>
<html dir="ltr" lang="en">
<!-- Mirrored from html.kodesolution.com/2016/health-zone-html/demo/page-gallery-masonry-tiles-animation.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 12 Jul 2024 12:16:31 GMT -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description"
content="HealthZone - Daring Multi Concept Theme for Medical, Nursing, Yoga, Sports, Gym & Fitness" />
<meta name="keywords" content="building,business,construction,cleaning,transport,workshop" />
<meta name="author" content="ThemeMascot" />
<title>Dr. Vidhi Patel (Physiotherapy and Slimming Center)</title>
<link href="images/logo-wide-1.jpg" rel="shortcut icon" type="image/jpg">
<link href="images/logo-wide-1.jpg" rel="apple-touch-icon">
<link href="iimages/logo-wide-1.jpg" rel="apple-touch-icon" sizes="72x72">
<link href="images/logo-wide-1.jpg" rel="apple-touch-icon" sizes="114x114">
<link href="images/logo-wide-1.jpg" rel="apple-touch-icon" sizes="144x144">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/css-plugin-collections.css" rel="stylesheet" />
<link id="menuzord-menu-skins" href="css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" />
<link href="css/style-main.css" rel="stylesheet" type="text/css">
<link href="css/colors/theme-skin-sky-blue-light.css" rel="stylesheet" type="text/css">
<link href="css/preloader.css" rel="stylesheet" type="text/css">
<link href="css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-plugin-collection.js"></script>
<link href="js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" />
<link href="js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" />
<link href="js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" />
<script src="js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
<script src="js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.actions.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.carousel.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.migration.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.navigation.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.parallax.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js">
</script>
<script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class>
<div id="wrapper">
<!--
<div id="preloader">
<div id="spinner">
<img src="images/preloaders/1.gif" alt>
</div>
<div id="disable-preloader" class="btn btn-default btn-sm">Disable Preloader</div>
</div> -->
<?php include("partials/header.php"); ?>
<div class="main-content">
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-parallax-ratio="0.7"
data-bg-img="images/bg/bg1.jpg">
<div class="container pt-100 pb-50">
<div class="section-content pt-100">
<div class="row">
<div class="col-md-12">
<h3 class="title text-white">Gallery</h2>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- <div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 2 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-2 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x1200" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x1200"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x1200">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/1600x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/1600x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/1600x600">View more</a>
</div>
</div> -->
</div>
<!-- <div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div> -->
<div class="">
<h2 style="text-align:center; color:rgb(3 89 137);" class="heading-title">Our Gallery</h2>
</div>
<div class="gallery-isotope grid-3 masonry gutter-small clearfix" data-lightbox="gallery">
<?php
include("admin/config.php");
$sql="SELECT * FROM `gallery`";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res)){
?>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="admin/upload/<?php echo $row['app_image'] ?>" alt="project">
<div class="overlay-shade"></div>
<!-- <div class="text-holder">
<div class="title text-center">Sample Title</div>
</div> -->
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="admin/upload/<?php echo $row['app_image'] ?>"><i
class="fa fa-plus"></i></a>
<!-- <a href="#"><i class="fa fa-link"></i></a> -->
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x1200">View more</a>
</div>
</div>
<?php } ?>
<!-- <div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/1600x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/1600x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/1600x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div> -->
</div>
<!-- <div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 4 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-4 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 5 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-5 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 6 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-6 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 7 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-7 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 8 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-8 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 9 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-9 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
</div>
<div class="separator separator-rouned">
<i class="fa fa-cog"></i>
</div>
<div class="heading-line-bottom">
<h4 class="heading-title">Gallery - 10 Columns (Masonry Tiles)</h4>
</div>
<div class="gallery-isotope grid-10 masonry gutter-small clearfix" data-lightbox="gallery">
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item wide">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/800x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/800x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/800x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x600" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x600"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x600">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div>
<div class="gallery-item">
<div class="thumb">
<img class="img-fullwidth" src="http://placehold.it/400x300" alt="project">
<div class="overlay-shade"></div>
<div class="text-holder">
<div class="title text-center">Sample Title</div>
</div>
<div class="icons-holder">
<div class="icons-holder-inner">
<div
class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
<a data-lightbox="image" href="http://placehold.it/400x300"><i
class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-link"></i></a>
</div>
</div>
</div>
<a class="hover-link" data-lightbox="image"
href="http://placehold.it/400x300">View more</a>
</div>
</div> -->
</div>
</div>
</div>
</div>
</section>
</div>
<?php include("partials/footer.php"); ?>
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<script src="js/custom.js"></script>
</body>
<!-- Mirrored from html.kodesolution.com/2016/health-zone-html/demo/page-gallery-masonry-tiles-animation.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 12 Jul 2024 12:16:31 GMT -->
</html>