-
Notifications
You must be signed in to change notification settings - Fork 1
/
gallery.html
290 lines (269 loc) · 16.3 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Laralink">
<!-- Favicon Icon -->
<link rel="icon" href="assets/img/1 (1).png">
<!-- Site Title -->
<title>Gallery</title>
<link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/plugins/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/plugins/slick.css">
<link rel="stylesheet" href="assets/css/plugins/lightgallery.min.css">
<link rel="stylesheet" href="assets/css/plugins/animate.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="cs-preloader cs-center">
<div class="cs-preloader_in"></div>
</div>
<!-- Start Header Section -->
<header class="cs-site_header cs-style1 text-uppercase cs-sticky_header">
<div class="cs-main_header">
<div class="container">
<div class="cs-main_header_in">
<div class="cs-main_header_left">
<a class="cs-site_branding" href="index.html">
<img src="assets/img/2(2).png" alt="Logo">
<a href="index.html" style="color: white;"><strong>E-CELL</strong></a>
</a>
</div>
<div class="cs-main_header_center">
<div class="cs-nav cs-primary_font cs-medium">
<ul class="cs-nav_list">
<li class="menu-item cs-mega_menu"><a href="index.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
</div>
<div class="cs-main_header_right">
<div class="cs-toolbox">
<span class="cs-icon_btn">
<span class="cs-icon_btn_in">
<span></span>
<span></span>
<span></span>
<span></span>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="cs-side_header">
<button class="cs-close"></button>
<div class="cs-side_header_overlay"></div>
<div class="cs-side_header_in">
<div class="cs-side_header_shape"></div>
<a class="cs-site_branding" href="index.html">
<img src="assets/img/footer_logo.png" alt="Logo" style="height: 80px;">
<h3 style="padding-top: 20px;">E-CELL</h3>
</a>
<div class="cs-side_header_box">
<h3 class="cs-side_header_title cs-primary_color">Contact Us</h3>
<ul class="cs-contact_info cs-style1 cs-mp0">
<li>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 12.5C15.75 12.5 14.55 12.3 13.43 11.93C13.08 11.82 12.69 11.9 12.41 12.17L10.21 14.37C7.38 12.93 5.06 10.62 3.62 7.79L5.82 5.58C6.1 5.31 6.18 4.92 6.07 4.57C5.7 3.45 5.5 2.25 5.5 1C5.5 0.45 5.05 0 4.5 0H1C0.45 0 0 0.45 0 1C0 10.39 7.61 18 17 18C17.55 18 18 17.55 18 17V13.5C18 12.95 17.55 12.5 17 12.5ZM9 0V10L12 7H18V0H9Z" fill="#FF4A17"/>
</svg>
<span>+91 94417 29643</span>
</li>
<li>
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 6.98V16C20 17.1 19.1 18 18 18H2C0.9 18 0 17.1 0 16V4C0 2.9 0.9 2 2 2H12.1C12.04 2.32 12 2.66 12 3C12 4.48 12.65 5.79 13.67 6.71L10 9L2 4V6L10 11L15.3 7.68C15.84 7.88 16.4 8 17 8C18.13 8 19.16 7.61 20 6.98ZM14 3C14 4.66 15.34 6 17 6C18.66 6 20 4.66 20 3C20 1.34 18.66 0 17 0C15.34 0 14 1.34 14 3Z" fill="#FF4A17"/>
</svg>
<span>[email protected]</span>
</li>
<li>
<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 0C3.13 0 0 3.13 0 7C0 12.25 7 20 7 20C7 20 14 12.25 14 7C14 3.13 10.87 0 7 0ZM7 9.5C5.62 9.5 4.5 8.38 4.5 7C4.5 5.62 5.62 4.5 7 4.5C8.38 4.5 9.5 5.62 9.5 7C9.5 8.38 8.38 9.5 7 9.5Z" fill="#FF4A17"/>
</svg>
<span>IIIT Lucknow</span>
</li>
</ul>
</div>
<div class="cs-side_header_box">
<div class="cs-social_btns cs-style1">
<a href="#" class="cs-center">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.04799 13.7497H1.45647V5.4043H4.04799V13.7497ZM2.75084 4.2659C1.92215 4.2659 1.25 3.57952 1.25 2.75084C1.25 2.35279 1.40812 1.97105 1.68958 1.68958C1.97105 1.40812 2.35279 1.25 2.75084 1.25C3.14888 1.25 3.53063 1.40812 3.81209 1.68958C4.09355 1.97105 4.25167 2.35279 4.25167 2.75084C4.25167 3.57952 3.57924 4.2659 2.75084 4.2659ZM13.7472 13.7497H11.1613V9.68722C11.1613 8.71903 11.1417 7.4774 9.81389 7.4774C8.46652 7.4774 8.26004 8.5293 8.26004 9.61747V13.7497H5.67132V5.4043H8.15681V6.54269H8.19308C8.53906 5.887 9.38421 5.19503 10.6451 5.19503C13.2679 5.19503 13.75 6.92215 13.75 9.16546V13.7497H13.7472Z" fill="white"></path>
</svg>
</a>
<a href="#" class="cs-center">
<svg width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4651 2.95396C11.4731 3.065 11.4731 3.17606 11.4731 3.2871C11.4731 6.67383 8.89535 10.5761 4.18402 10.5761C2.73255 10.5761 1.38421 10.1557 0.25 9.42608C0.456226 9.44986 0.654494 9.4578 0.868655 9.4578C2.06629 9.4578 3.16879 9.0533 4.04918 8.36326C2.92291 8.33946 1.97906 7.60183 1.65386 6.5866C1.81251 6.61038 1.97112 6.62624 2.1377 6.62624C2.36771 6.62624 2.59774 6.59451 2.81188 6.53901C1.63802 6.30105 0.757595 5.26996 0.757595 4.02472V3.99301C1.09864 4.18336 1.49524 4.30233 1.91558 4.31818C1.22554 3.85814 0.773464 3.07294 0.773464 2.1846C0.773464 1.70872 0.900344 1.27249 1.12244 0.891774C2.38355 2.44635 4.27919 3.46156 6.40481 3.57262C6.36516 3.38226 6.34136 3.184 6.34136 2.9857C6.34136 1.57388 7.4835 0.423828 8.90323 0.423828C9.64086 0.423828 10.3071 0.733156 10.7751 1.23284C11.354 1.1218 11.9093 0.907643 12.401 0.614185C12.2106 1.20906 11.8061 1.70875 11.2748 2.02598C11.7903 1.97049 12.29 1.82769 12.75 1.62942C12.4011 2.13702 11.9648 2.5891 11.4651 2.95396V2.95396Z" fill="white"></path>
</svg>
</a>
<a href="#" class="cs-center">
<svg fill="#ffffff" width="16" height="18" viewBox="0 0 32 32" id="Camada_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g>
<path d="M22.3,8.4c-0.8,0-1.4,0.6-1.4,1.4c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4C23.7,9,23.1,8.4,22.3,8.4z"></path> <path d="M16,10.2c-3.3,0-5.9,2.7-5.9,5.9s2.7,5.9,5.9,5.9s5.9-2.7,5.9-5.9S19.3,10.2,16,10.2z M16,19.9c-2.1,0-3.8-1.7-3.8-3.8 c0-2.1,1.7-3.8,3.8-3.8c2.1,0,3.8,1.7,3.8,3.8C19.8,18.2,18.1,19.9,16,19.9z"></path> <path d="M20.8,4h-9.5C7.2,4,4,7.2,4,11.2v9.5c0,4,3.2,7.2,7.2,7.2h9.5c4,0,7.2-3.2,7.2-7.2v-9.5C28,7.2,24.8,4,20.8,4z M25.7,20.8 c0,2.7-2.2,5-5,5h-9.5c-2.7,0-5-2.2-5-5v-9.5c0-2.7,2.2-5,5-5h9.5c2.7,0,5,2.2,5,5V20.8z"></path> </g> </g></svg>
</a>
<a href="#" class="cs-center">
<svg fill="#ffffff" width="18" height="18" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier">
<path d="m1416.013 791.915-30.91 225.617h-371.252v789.66H788.234v-789.66H449.808V791.915h338.426V585.137c0-286.871 176.207-472.329 449.09-472.329 116.87 0 189.744 6.205 231.822 11.845l-3.272 213.66-173.5.338c-4.737-.451-117.771-9.25-199.332 65.655-52.568 48.169-79.191 117.433-79.191 205.65v181.96h402.162Zm-247.276-304.018c44.446-41.401 113.71-36.889 118.787-36.663l289.467-.113 6.204-417.504-43.544-10.717C1511.675 16.02 1426.053 0 1237.324 0 901.268 0 675.425 235.206 675.425 585.137v93.97H337v451.234h338.425V1920h451.234v-789.66h356.7l61.932-451.233H1126.66v-69.152c0-54.937 14.214-96 42.078-122.058Z" fill-rule="evenodd"></path> </g></svg>
</a>
</div>
</div>
</div>
</div>
<!-- End Header Section -->
<!-- Start Hero -->
<!-- End Header Section -->
<!-- Start Hero -->
<div class="cs-swiper_parallax_slider_wrap">
<div class="cs-hero_social_wrap cs-primary_font cs-primary_color">
<div class="cs-hero_social_title">Follow Us</div>
<ul class="cs-hero_social_links">
<li><a href="#">Behance</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
<div class="cs-parallax_slider loading">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="https://ik.imagekit.io/cmef8hxb6/DSC_1315.JPG.oplusdownload_LJI03m8sO?updatedAt=1692266257331"><img src="https://ik.imagekit.io/cmef8hxb6/DSC_1315.JPG.oplusdownload_LJI03m8sO?updatedAt=1692266257331" alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/DSC_1319.JPG"><img src="assets/img/DSC_1319.JPG" alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/DSC_1291.JPG"><img src="aassets/img/DSC_1291.JPG" alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/DSC_1744.JPG"><img src="assets/img/DSC_1744.JPG" alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/IMG_5310.jpg"><img src="assets/img/IMG_5310.jpg alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/IMG_0509.jpg"><img src="assets/img/IMG_0509.jpg" Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/DSC_1590.JPG"><img src="assets/img/DSC_1590.JPG" Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/IMG_9933.jpg"><img src="assets/img/IMG_9933.jpg" Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="cs-hero cs-style4">
<a href="#" class="cs-hero_link"></a>
<figure class="cs-swiper_parallax_bg" data-src="assets/img/DSC_1729.JPG"><img src="assets/img/DSC_1729.JPG" alt="Slider" class="cs-entity_img"></figure>
<div class="cs-hero_text">
<h2 class="cs-hero_title"><span>Think reality</span></h2>
<h2 class="cs-hero_title"><span>do positive</span></h2>
</div>
</div>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="cs-swiper_pagination"></div>
<div class="cs-swiper_button_prev">
<svg width="26" height="13" viewBox="0 0 26 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.469791 5.96967C0.176899 6.26256 0.176899 6.73744 0.469791 7.03033L5.24276 11.8033C5.53566 12.0962 6.01053 12.0962 6.30342 11.8033C6.59632 11.5104 6.59632 11.0355 6.30342 10.7426L2.06078 6.5L6.30342 2.25736C6.59632 1.96447 6.59632 1.48959 6.30342 1.1967C6.01053 0.903806 5.53566 0.903806 5.24276 1.1967L0.469791 5.96967ZM26.0001 5.75L1.00012 5.75V7.25L26.0001 7.25V5.75Z" fill="currentColor"/>
</svg>
Prev
</div>
<div class="cs-swiper_button_next">
Next
<svg width="26" height="13" viewBox="0 0 26 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.5305 7.03033C25.8233 6.73744 25.8233 6.26256 25.5305 5.96967L20.7575 1.1967C20.4646 0.903806 19.9897 0.903806 19.6968 1.1967C19.4039 1.48959 19.4039 1.96447 19.6968 2.25736L23.9395 6.5L19.6968 10.7426C19.4039 11.0355 19.4039 11.5104 19.6968 11.8033C19.9897 12.0962 20.4646 12.0962 20.7575 11.8033L25.5305 7.03033ZM0.00012207 7.25H25.0001V5.75H0.00012207V7.25Z" fill="currentColor"/>
</svg>
</div>
</div>
</div>
<!-- End Hero -->
<!-- Start Video Popup -->
<div class="cs-video_popup">
<div class="cs-video_popup_overlay"></div>
<div class="cs-video_popup_content">
<div class="cs-video_popup_layer"></div>
<div class="cs-video_popup_container">
<div class="cs-video_popup_align">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="about:blank"></iframe>
</div>
</div>
<div class="cs-video_popup_close"></div>
</div>
</div>
</div>
<!-- End Video Popup -->
<!-- Script -->
<script src="assets/js/plugins/jquery-3.6.0.min.js"></script>
<script src="assets/js/plugins/isotope.pkg.min.js"></script>
<script src="assets/js/plugins/jquery.slick.min.js"></script>
<script src="assets/js/plugins/jquery.counter.min.js"></script>
<script src="assets/js/plugins/lightgallery.min.js"></script>
<script src="assets/js/plugins/wow.min.js"></script>
<script src="assets/js/plugins/gsap.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>