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/b5.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" style="color:white;">portfolio</h2>
</div>
</div>
<!-- BREADCRUMB ROW -->
<div>
<ul class="wt-breadcrumb breadcrumb-style-2">
<li><a href="index.php" style="color:white;">Home</a></li>
<li style="color: white;">portfolio</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/a.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/a.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/b.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/b.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/c.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/c.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/d.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/d.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/e.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/e.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/f.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/f.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/g.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/g.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/4444.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/4444.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/5555.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/5555.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/k.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/k.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/l.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/l.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/m.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/m.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/666.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/666.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/555.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/555.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/444.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/444.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/333.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/333.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/222.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/222.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/0000.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/0000.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/008.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/008.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/007.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/007.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/111.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/111.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/006.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/006.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/005.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/005.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/1000.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/1000.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/004.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/004.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/003.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/003.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/002.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/002.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/9999.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/9999.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/5555.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/5555.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/4444.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/4444.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/3333.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/3333.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/2222.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/2222.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/1111.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/1111.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/11110.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/11110.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/11110.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/11110.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/888.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/888.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/999.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/999.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/8888.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/8888.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/7777.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/7777.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/6666.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/6666.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