forked from ayushisingh73448/CollegeCommunity-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
eveent.html
442 lines (326 loc) · 15.5 KB
/
eveent.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
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event page</title>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- custom css file link -->
<link rel="stylesheet" href="event.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <i class="fas fa-hiking"></i> Event. </a>
<nav class="navbar">
<div id="nav-close" class="fas fa-times"></div>
<a href="./index.html">HOME</a>
<a href="#event">EVENT</a>
<a href="#about">ABOUT</a>
<a href="#reviews">REVIEWS</a>
<a href="#service">IDEATHON</a>
</nav>
<div class="icons">
<div id="menu-btn" class="fas fa-bars"></div>
<div id="search-btn" class="fas fa-search"></div>
</div>
</header>
<!-- header section ends -->
<!-- search form -->
<div class="search-form">
<div id="close-search" class="fas fa-times"></div>
<form action="">
<input type="search" name="" placeholder="search here..." id="search-box">
<label for="search-box" class="fas fa-search"></label>
</form>
</div>
<!-- home section starts -->
<section class="home" id="home">
<div class="swiper home-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="box" style="background: url(images/back13.jpg) no-repeat;">
<div class="content">
<span>Explore</span>
<h3>IDEATHON'21</h3>
<p><b>The reasonable man adapts himself to the world; the unreasonable one persists in trying to adapt the world to himself. Therefore all progress depends on the unreasonable man.</b></p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSclC7178iwchbU395bK_PT-B62OPW2WUwLI3pebQWkwynu9ZA/viewform" class="btn">Register Yourself for IDEATHON</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="box second" style="background: url(images/back3.jpg) no-repeat;">
<div class="content">
<span>make learning </span>
<h3>amazing</h3>
<p><b>Innovation takes birth in sync with the evolution of customer’s expectations and demands or vice versa. Either way, organizations around the world have to continually innovate themselves and keep up with the people’s wants. The failure to do so or being indifferent to your customer’s need will make your competitors win. And then suddenly, customers become indifferent to you- a high-risk gamble to play at.</b></p>
<a href="#" class="btn">get started</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="box" style="background: url(images/back2.jpg) no-repeat;">
<div class="content">
<span>explore the</span>
<h3>new Ideas</h3>
<p><b>What is the calculus of innovation? The calculus of innovation is really quite simple: Knowledge drives innovation, innovation drives productivity, productivity drives economic growth.</b></p>
<a href="#" class="btn">get started</a>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</section>
<!-- home section ends -->
<!-- category section starts -->
<section class="category" id="event">
<h1 class="heading">Event</h1>
<div class="box-container">
<div class="box">
<img src="images/hackathon.jpg" alt="">
<h3>Hackathons</h3>
<p>Online as well as offine Hackathons are conducted for aspiring developers</p>
<a href="#" class="btn">read more</a>
</div>
<div class="box">
<img src="images/Hackathon-1.png" alt="">
<h3>Webinar</h3>
<p>Online webinar for remote learners</p>
<a href="#" class="btn">read more</a>
</div>
<div class="box">
<img src="images/img5.jpg" alt="">
<h3>Workshops</h3>
<p>Workshops to sharpen the skills of learners</p>
<a href="#" class="btn">read more</a>
</div>
<div class="box">
<img src="images/unnamed.jpg" alt="">
<h3>Seminar</h3>
<p>Organise seminars for offline learners</p>
<a href="#" class="btn">read more</a>
</div>
</div>
</section>
<!-- category section ends -->
<!-- about section starts -->
<section class="about" id="about">
<div class="image">
<img src="images/experience.svg" alt="">
</div>
<div class="content">
<h3>एक सुनहरा कारवा</h3>
<p>as a celebration of life, and people - the people who build it , the artists and the stars who win all our hearts and most importantly, the lovely people who keep coming back, the moments they share, the experiences they have and and the strings that keep them connected forever to the 3 best days of their lives.
Ek Sunhera Karwaan is the nostalgic celebration of this remarkable journey, the festival as a celebration of the strings that connect people to weave this beautiful tapestry of experiences year after year.
With this, we present to you the Golden edition : ‘एक सुनहरा कारवा’. Let’s weave this experience together.</p>
<a href="#" class="btn">एक सुनहरा कारवा</a>
</div>
</section>
<!-- about section ends -->
<!-- packages section starts -->
<section class="packages" id="packages">
<h1 class="heading">Popular Event</h1>
<div class="box-container">
<div class="box">
<div class="image">
<img src="images/hack.svg" alt="">
</div>
<div class="content">
<h3>Hackearth Event</h3>
<p>Hackearth event <br> everywhere world <br> Digital Only</p>
<a href="#" class="btn">May 23th to 26th 2021</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/gfg.svg" alt="">
</div>
<div class="content">
<h3>GFG Event</h3>
<p>GFG Event<br> everywhere world <br> Digital Only</p>
<a href="#" class="btn">June 08th to 11th 2021</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/test.svg" alt="">
</div>
<div class="content">
<h3>Internshala</h3>
<p>Internshala Event <br>everywhere world <br> Digital Only</p>
<a href="#" class="btn">June 18th to 20th 2021</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/cc.svg" alt="">
</div>
<div class="content">
<h3>Coding Blocks</h3>
<p>Coding Blocks Event <br>everywhere world <br> Digital Only</p>
<a href="#" class="btn">July 12th to 15th 2021</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/ii.svg" alt="">
</div>
<div class="content">
<h3>IMUN</h3>
<p>IMUN Event <br>everywhere world <br> Digital Only</p>
<a href="#" class="btn">July 21th to 23th 2021</a>
</div>
</div>
<div class="box">
<div class="image">
<img src="images/ar.svg" alt="">
</div>
<div class="content">
<h3>ARAMBH</h3>
<p>ARAMBH Event <br>everywhere world <br> Digital Only</p>
<a href="#" class="btn">August 15th to 18th 2021</a>
</div>
</div>
</div>
</section>
<!-- packages section ends -->
<!-- reviews section starts -->
<section class="reviews" id="reviews">
<h1 class="heading">reviews</h1>
<div class="swiper review-slider">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-1.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-2.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-3.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-4.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-5.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
<div class="swiper-slide slide">
<p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quidem laborum pariatur alias, culpa illum quaerat, aliquid laboriosam voluptatem nisi repellat obcaecati, adipisci esse ab delectus dolorum ut recusandae ipsam?</p>
<div class="user">
<img src="images/pic-6.png" alt="">
<div class="info">
<h3>john deo</h3>
<span>designer</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- reviews section ends -->
<!-- services section starts -->
<section class="services" id="service">
<h1 class="heading"> IDEATHON EVENT TIME-LINE </h1>
<div class="box-container">
<div class="box">
<img src="images/application.svg" alt="">
<h3>Application</h3>
<p>Upload your idea within the deadline and the top performers will be selected for the second round on the basis of their submissions.
. </p>
<a href="#" class="btn">24th to 27th December 2021</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSclC7178iwchbU395bK_PT-B62OPW2WUwLI3pebQWkwynu9ZA/viewform" class="btn">Register</a>
</div>
<div class="box">
<img src="images/idea.svg" alt="">
<h3>Idea Shortlisting</h3>
<p>Participants will be given an opportunity to present their ideas in front of judges after which top 20 performers will be announced.</p>
<a href="#" class="btn">27th December 2021</a>
</div>
<div class="box">
<img src="images/work1.svg" alt="">
<h3>10+ Fun activities and Sessions </h3>
<p>keep an eye out on this space for more information about the theme. We'll be running mini-events,sessions,and more to keep your entertained.Whether you build something on the theme or not , we want you to focus on having fun.</p>
<a href="#" class="btn">Visit </a>
</div>
<div class="box">
<img src="images/team.svg" alt="">
<h3>TOP 6-Team Shortlisting</h3>
<p>Second Round Teams/Individuals will be shortlisted on the basis of their representation Merit for the FInal Round.</p>
<a href="#" class="btn">28th December 2021</a>
</div>
<div class="box">
<img src="images/idea-re.svg" alt="">
<h3>Idea Representation</h3>
<p>Second Round Teams/Individuals will be given an opportunity to present their ideas in front of judges after which top 3 Winners will be announced.</p>
<a href="#" class="btn">29th December 2021</a>
</div>
<div class="box">
<img src="images/win.svg" alt="">
<h3>TOP-3 Winners</h3>
<p>Kuddos to the team who made to the final Round</p>
<a href="#" class="btn">29th December 2021</a>
</div>
</div>
</section>
<!-- services section ends -->
<!-- newsletter section -->
<section class="newsletter" id="contact">
<div class="content">
<h1 class="heading">subscirbe now</h1>
<p>TO get Newly Updates we would suggest to Subscribe Our Newsletter,As We Believe the fact that learning is a lifelong process of keeping abreast of change.</p>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<input type="email" name="" placeholder="enter your email" id="" class="email">
<input type="submit" value="subscirbe" class="btn">
</form>
</div>
</section>
<!-- footer section starts -->
<section class="footer">
<div class="credit">created by <span>TechBencher</span> | all rights reserved!</div>
</section>
<!-- footer section ends -->
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<!-- custom js file link -->
<script src="event.js"></script>
</body>
</html>