113 lines
5.5 KiB
PHP
113 lines
5.5 KiB
PHP
<?php include("header.php") ?>
|
|
<!-- Page Title -->
|
|
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);">
|
|
<div class="auto-container">
|
|
<h1>Images</h1>
|
|
<div class="text">My Memorable Clicks</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Gallery Section -->
|
|
<section class="gallery-section">
|
|
<div class="auto-container">
|
|
|
|
|
|
<!--Sortable Galery-->
|
|
<div class="sortable-masonry">
|
|
|
|
<div class="items-container row">
|
|
<!-- Gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-1.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-4">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-2.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-2.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2 cat-3">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-3.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-3.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-4.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-1.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-3 cat-2">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-5.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-5.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gallery Block -->
|
|
<div class="col-lg-4 col-md-6 gallery-block masonry-item all cat-2">
|
|
<div class="inner-box">
|
|
<div class="image"><img src="assets/images/resource/gallery-6.jpg" alt=""></div>
|
|
<div class="overlay">
|
|
<div class="zoom-btn">
|
|
<a href="assets/images/resource/gallery-6.jpg" class="lightbox-image" data-fancybox="gallery">
|
|
<img src="assets/images/icons/icon-5.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-pagination">
|
|
<ul class="clearfix" id="pagination">
|
|
<!-- JS will control this -->
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php include("footer.php");?>
|