-
Notifications
You must be signed in to change notification settings - Fork 3
/
gallery.php
79 lines (74 loc) · 4.68 KB
/
gallery.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<?php include("header.php") ?>
<div class="site-section aos-init aos-animate" data-aos="fade">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-md-7">
<div class="row mb-5">
<div class="col-12 ">
<!-- <h2 class="site-section-heading text-center">Gallery</h2> -->
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-md-7">
<div class="row mb-5">
<div class="col-12 ">
<h2 class="site-section-heading text-center">Gallery</h2>
</div>
</div>
</div>
</div>
<div class="row" id="lightgallery">
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_2.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam omnis quaerat molestiae, praesentium. Ipsam, reiciendis. Aut molestiae animi earum laudantium.</p>">
<a href="#"><img src="images/gallery/gall2.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_3.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem reiciendis, dolorum illo temporibus culpa eaque dolore rerum quod voluptate doloribus.</p>">
<a href="#"><img src="images/gallery/gall3.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_4.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim perferendis quae iusto omnis praesentium labore tempore eligendi quo corporis sapiente.</p>">
<a href="#"><img src="images/gallery/gall4.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_5.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, voluptatum voluptate tempore aliquam, dolorem distinctio. In quas maiores tenetur sequi.</p>">
<a href="#"><img src="images/gallery/gall5.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_6.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum cum culpa blanditiis illum, voluptatum iusto quisquam mollitia debitis quaerat maiores?</p>">
<a href="#"><img src="images/gallery/gall6.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_7.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores similique impedit possimus, laboriosam enim at placeat nihil voluptatibus voluptate hic!</p>">
<a href="#"><img src="images/gallery/gall7.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_8.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam vitae sed cum mollitia itaque soluta laboriosam eaque sit ratione, aliquid.</p>">
<a href="#"><img src="images/gallery/gall8.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_9.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem reiciendis debitis beatae facilis quos, enim quis nobis magnam architecto earum!</p>">
<a href="#"><img src="images/gallery/gall9.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_9.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque officiis magnam, facilis nam eos perspiciatis eligendi pariatur numquam debitis quos!</p>">
<a href="#"><img src="images/gallery/gall10.jpg" alt="IMage" class="img-fluid"></a>
</div>
<div class="gallery-box" data-aos="fade" data-src="images/big-images/nature_big_8.jpg" data-sub-html="<h4>Fading Light</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis consequatur quam et, delectus, cum iste ipsa animi eligendi obcaecati nemo.</p>">
<a href="#"><img src="images/gallery/gall11.jpg" alt="IMage" class="img-fluid"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
font-size: 16px;
padding-top: .7rem;
padding-bottom: .7rem;
padding-left: 20px;
padding-right: 20px;
color: #000000;
font-weight: 400;
opacity: 1 !important; }
@media (max-width: 991.98px) {
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
color: #fff; } }
</style>
<?php include("footer.php") ?>