ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from thewebmax.org/saloni/gallery-masonry.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 27 Mar 2024 12:39:00 GMT -->
<?php include 'top.php' ?>
<body>
<div id="page-boxed" class="page-wraper">
<?php include 'header.php' ?>
<!-- HEADER END -->
<!-- CONTENT START -->
<div class="page-content">
<!-- INNER PAGE BANNER -->
<div class="wt-bnr-inr overlay-wraper bg-center" style="background-image:url(images/banner/b3.png);">
<div class="overlay-main opacity-07"></div>
<div class="container">
<div class="wt-bnr-inr-entry">
<div class="banner-title-outer">
<div class="banner-title-name">
<h2 class="site-text-primary">Gallery</h2>
</div>
</div>
<!-- BREADCRUMB ROW -->
<div>
<ul class="wt-breadcrumb breadcrumb-style-2">
<li><a href="index.php">Home</a></li>
<li>Gallery</li>
</ul>
</div>
<!-- BREADCRUMB ROW END -->
</div>
</div>
</div>
<!-- INNER PAGE BANNER END -->
<!-- GALLERY SECTION START -->
<div class="section-full p-t80 p-b50 bg-orange-light">
<div class="container">
<!-- PAGINATION START -->
<!-- <div class="filter-wrap work-grid p-b30 text-center">
<ul class="masonry-filter link-style ">
<li class="active"><a data-filter="*" href="#">All</a></li>
<li><a data-filter=".cat-1" href="#">Hair Product</a></li>
<li><a data-filter=".cat-2" href="#">Hairstyle</a></li>
<li><a data-filter=".cat-3" href="#">Makeup</a></li>
<li><a data-filter=".cat-4" href="#">Coloring</a></li>
<li><a data-filter=".cat-5" href="#">Hair Wash</a></li>
</ul>
</div> -->
<!-- PAGINATION END -->
<!-- GALLERY CONTENT START -->
<div class="masonry-wrap mfp-gallery row clearfix">
<!-- COLUMNS 1 -->
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/1.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/1.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 2 -->
<div class="masonry-item cat-2 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/2.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/2.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 3 -->
<div class="masonry-item cat-3 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/3.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/3.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 4 -->
<div class="masonry-item cat-4 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/4.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/4.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 5 -->
<div class="masonry-item cat-5 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/5.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/5.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 6 -->
<div class="masonry-item cat-4 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/6.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/6.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 7 -->
<div class="masonry-item cat-3 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/7.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/7.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 5 -->
<div class="masonry-item cat-2 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/8.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/8.jpg" class="mfp-link"></a>
</div>
</div>
<!-- COLUMNS 6 -->
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/9.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/9.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/10.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/10.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/11.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p> </div>
<i></i>
<a href="images/gallery/11.jpg" class="mfp-link"></a>
</div>
</div> <div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/12.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/12.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/13.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/13.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/14.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/14.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/15.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/15.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/16.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/16.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/17.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/17.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/18.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/18.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/19.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/19.jpg" class="mfp-link"></a>
</div>
</div>
<div class="masonry-item cat-1 col-lg-4 col-md-6 col-sm-6 m-b30">
<div class="project-img-effect-1">
<img src="images/gallery/20.jpg" alt="" />
<div class="wt-info">
<h3 class="wt-tilte m-b10 m-t0">Welcome To</h3>
<p class="title-style-2">Nikki Beauty Salon</p>
</div>
<i></i>
<a href="images/gallery/20.jpg" class="mfp-link"></a>
</div>
</div>
</div>
<!-- GALLERY CONTENT END -->
</div>
</div>
<!-- GALLERY SECTION END -->
</div>
<!-- CONTENT END -->
<?php include 'footer.php' ?>
<!-- FOOTER END -->
<!-- BUTTON TOP START -->
<button class="scroltop"><span class="fa fa-angle-up relative" id="btn-vibrate"></span></button>
</div>
<!-- LOADING AREA START ===== -->
<div class="loading-area">
<div class="loading-box"></div>
<div class="loading-pic">
<div class="cssload-loader">
<div class="cssload-dots">
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
<div class="cssload-dot"></div>
</div>
</div>
</div>
</div>
<!-- LOADING AREA END ====== -->
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery-2.2.0.min.js"></script><!-- JQUERY.MIN JS -->
<script src="js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="js/bootstrap-select.min.js"></script><!-- Form js -->
<script src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script src="js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="js/waypoints-sticky.min.js"></script><!-- STICKY HEADER -->
<script src="js/isotope.pkgd.min.js"></script><!-- MASONRY -->
<script src="js/owl.carousel.min.js"></script><!-- OWL SLIDER -->
<script src="js/stellar.min.js"></script><!-- PARALLAX BG IMAGE -->
<script src="js/theia-sticky-sidebar.js"></script><!-- STICKY SIDEBAR -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
</body>
<!-- Mirrored from thewebmax.org/saloni/gallery-masonry.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 27 Mar 2024 12:39:01 GMT -->
</html>
Zerion Mini Shell 1.0