forked from milovanderlinden/csu-hack
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
153 lines (130 loc) · 5.32 KB
/
gallery.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
---
layout: default
title: Media
---
<div id="page-banner-area" class="page-banner-area" style="background-image:url(/assets/images/hero-area/bg-main2.jpg)">
<!-- Subpage title start -->
<div class="page-banner-title">
<div class="text-center">
<h2>Gallery</h2>
</div>
</div><!-- Subpage title end -->
</div><!-- Page Banner end -->
<section id="main-container" class="main-container">
<div class="container">
<div class="row text-center">
<h2 class="section-title">From 2017</h2>
<h3 class="section-sub-title">Photo Gallery</h3>
</div><!--/ Title row end -->
<div class="row">
<div id="gallery">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery1.jpg">
<img class="img-responsive" src="images/gallery/gallery1.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 1 end -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery2.jpg">
<img class="img-responsive" src="images/gallery/gallery2.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 2 end -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery3.jpg">
<img class="img-responsive" src="images/gallery/gallery3.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 3 end -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery4.jpg">
<img class="img-responsive" src="images/gallery/gallery4.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 4 end -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery5.jpg">
<img class="img-responsive" src="images/gallery/gallery5.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 5 end -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="gallery-container">
<a class="gallery-popup" href="images/gallery/gallery6.jpg">
<img class="img-responsive" src="images/gallery/gallery6.jpg" alt="">
<span class="gallery-icon"><i class="fa fa-search"></i></span>
</a>
</div>
</div><!-- Gallery item 6 end -->
</div><!-- Gallery end -->
</div><!-- Content row end -->
</div><!-- Conatiner end -->
</section><!-- Main container end -->
<footer id="footer" class="footer text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-menu">
<ul class="nav unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Faq</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div><!-- Footer menu end -->
<div class="footer-logo">
<img src="images/footer-logo.png" alt="footer logo" />
</div>
<div class="footer-social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div><!-- Footer social end -->
<div class="copyright-info">
<span>Copyright © 2017 Eventor. All Rights Reserved.</span>
</div><!-- Copyright info end -->
</div><!-- Content col end -->
</div><!-- Content row end -->
</div><!-- Container end -->
<div id="back-to-top" data-spy="affix" data-offset-top="10" class="back-to-top affix">
<button class="btn btn-primary" title="Back to Top">
<i class="fa fa-angle-up"></i>
</button>
</div>
</footer><!-- Footer end -->
<!-- Javascript Files
================================================== -->
<!-- initialize jQuery Library -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Bootstrap jQuery -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Counter -->
<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
<!-- Waypoints -->
<script type="text/javascript" src="js/waypoints.min.js"></script>
<!-- Color box -->
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<!-- Smoothscroll -->
<script type="text/javascript" src="js/smoothscroll.js"></script>
<!-- Template custom -->
<script type="text/javascript" src="js/custom.js"></script>
</div><!-- Body inner end -->
</body>
</html>