forked from AshishGupta18/icosmic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
424 lines (412 loc) · 18.7 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=S, initial-scale=1.0" />
<title>icosmic</title>
<link rel="shortcut icon" href="ICOSMIC.png" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="footer.css" />
<script
src="https://kit.fontawesome.com/f27be46db9.js"
crossorigin="anonymous"
></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
</head>
<body>
<nav class="object-fill">
<img src="ICOSMIC.png" class="logo" />
<img src="Bennett-Logo.jpeg" class="logo" />
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#rule">Rules</a></li>
<li><a href="event/event.html">Events</a></li>
<li><a href="collabarations/dist/index.html">Collaborations</a></li>
<li><a href="#foot">Contact Us</a></li>
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class="fas fa-bars" onclick="openmenu()"></i>
</nav>
<div class="flex items-center justify-center relative h-screen" id="home">
<div class="parallax" id="scene" data-relative-input="true">
<div class="item-element" data-depth="0.7">
<img src="star.svg" data-speed="3" data-layer="2" />
<img src="star.svg" data-speed="2" data-layer="2" />
<img src="star.svg" data-speed="4" data-layer="2" />
<img src="star.svg" data-speed="1" data-layer="2" />
</div>
<div
class="item-element"
data-depth="0.3"
style="translate: -10em -5em"
>
<img src="star.svg" data-speed="1" data-layer="3" />
<img src="star.svg" data-speed="5" data-layer="3" />
<img src="star.svg" data-speed="3" data-layer="3" />
<img src="star.svg" data-speed="2" data-layer="3" />
</div>
<div class="item-element" data-depth="0.5" style="translate: 6em -5em">
<img src="star.svg" data-speed="1" data-layer="4" />
<img src="star.svg" data-speed="5" data-layer="4" />
<img src="star.svg" data-speed="3" data-layer="4" />
<img src="star.svg" data-speed="2" data-layer="4" />
</div>
<div
class="item-element"
data-depth="0.9"
style="translate: 0em -5em; translate: rotate(120deg)"
>
<img src="star.svg" data-speed="1" data-layer="4" />
<img src="star.svg" data-speed="5" data-layer="4" />
<img src="star.svg" data-speed="3" data-layer="4" />
<img src="star.svg" data-speed="2" data-layer="4" />
</div>
</div>
<div class="grid grid-rows-3 grid-flow-col gap-4 pt-10">
<h1 class="sm:text-9xl text-8xl text-slate-300">ICosmic</h1>
<div class="flex justify-center">
<div>
<button
onclick="window.location.href = '../event/event.html';"
class="button"
>
<span></span>
<span></span>
<span></span>
<span></span> Register
</button>
</div>
</div>
<!-- <p class="text-black text-center">tagline</p> -->
</div>
</div>
<div class="h-screen">
<div
class="md:flex justify-center relative sm:py-1 py-10 md:px-44 sm:px-20 px-10"
id="about"
>
<h1 class="text-7xl px-8 pt-9">About US</h1>
<p class="md:text-left text-center py-4">
Unless the yang turns bold autumn for yin to remember the dark, the
chess play doesn't get rid of the boundaries & the queen doesn't rule
the rules.- Sana Sharma (President of ATC) <br />
<br />
Icosmic-a phantasm of the mind becoming a reality, is a two-day
inter-college tech gala at Bennett University (The Times of India
Group), Greater Noida, that will be organised on February 4 and 5,
2023.
<br />
<br />
From hands-on workshops to hackathons to real-life problem-solving
competitions, it features a range of tech activities that are meant to
amuse while also testing their skills and fostering the development of
every engineering student, coordinated by well-reputed student clubs
of SCSET BU: the Alan Turing Club, Bennett Cloud Computing Club,
Fullstack Club, IEEE, Ciphers, IBF, Codechef, and PDT. So join the
Icosmic family and seize the chance to receive LORs from renowned and
respected personalities as well as cash prizes and other goodies.
We're excited to see what new ideas and breakthroughs will come out of
this year's event.
</p>
</div>
<!-- <div class="grid-container bg-slate-500">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
<div class="grid-item">7</div>
<div class="grid-item">8</div>
<div class="grid-item">9</div>
</div> -->
<div
class="md:flex flex-row-reverse justify-center relative py-10 md:px-44 sm:px-20 px-10"
>
<h1 class="text-7xl px-8 pt-9">Aim</h1>
<p class="md:text-right text-center py-4">
When it comes to innovation, an ounce of execution is worth more than
a ton of theory. <br /><br />
Science and engineering are driven by purpose. Like artists, engineers
leave an aesthetic trail of ideas bifurcating and evolving through
rough sketches, complex drawings, models, and mockups. Our aim is to
conduct several workshops in order to brush up on the skills and then
assess their level of comprehension, problem solving aptitude, and
other qualities of an engineering student to make them know which side
their bread is buttered and get their foot in the door.
</p>
</div>
<div class="justify-center relative py-10 md:px-44 sm:px-20 px-10">
<h1 class="text-4xl px-8 pt-9 text-center font-sans font-bold">
Title Sponsors
</h1>
<div class="container mx-auto py-12">
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 md:gap-6 lg:gap-8">
<div class="flex justify-center p-10 sm:p-0">
<img src="./sponsors/vardino.png" class="object-scale-down" />
</div>
<div class="flex justify-center p-10 sm:p-0">
<img
src="./sponsors/[email protected]"
class="object-scale-down"
/>
</div>
<div class="flex justify-center p-10 sm:p-0">
<img
src="./sponsors/[email protected]"
class="object-scale-down"
/>
</div>
</div>
</div>
</div>
<div class="justify-center relative py-10 md:px-44 sm:px-20 px-10">
<h1 class="text-4xl px-8 pt-9 text-center font-sans font-bold">
Platinum Sponsors
</h1>
<div class="container mx-auto py-12">
<div
class="justify-center grid grid-cols-1 grid-flow-row-dense sm:grid-cols-6 gap-4 md:gap-6 lg:gap-8"
>
<div
class="flex col-start-2 sm:col-start-1 col-span-2 justify-center p-10 sm:p-0"
>
<img src="./sponsors/Solana Dark.png" class="object-scale-down" />
</div>
<div
class="flex col-start-2 sm:col-start-auto col-span-2 justify-center p-10 sm:p-0"
>
<img
src="./sponsors/Filecoin Coloured White Text-1.png"
class="object-scale-down"
/>
</div>
<div
class="flex col-start-2 sm:col-start-auto col-span-2 justify-center p-10 sm:p-0"
>
<img
src="./sponsors/Replit-Dark-Background.png"
class="object-scale-down"
/>
</div>
<div class="flex col-start-2 col-span-2 justify-center p-10 sm:p-0">
<img
src="./sponsors/Sponsor_DotPe.png"
class="object-scale-down"
/>
</div>
<div
class="flex col-start-2 sm:col-start-auto col-span-2 justify-center p-10 sm:p-0"
>
<img
src="./sponsors/Sponsor_Tezos.png"
class="object-scale-down"
/>
</div>
</div>
</div>
</div>
<div
class="content-center justify-center relative py-20 2xl:px-44 xl:px-30 md:px-44 md:mt-5"
id="rule"
>
<h1 class="text-7xl px-8">Rules and Regulations</h1>
<div
class="p-10 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-5"
>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">1</div>
<p class="text-neutral-400 text-base">
Registrations shall be open till 2nd of February, 2023 and after
that no participant would be able to do so.
</p>
</div>
</div>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">2</div>
<p class="text-neutral-400 text-base">
No participant is allowed to help any other participant, and if
found doing so, it will be considered as unfair means.
</p>
</div>
</div>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">3</div>
<p class="text-neutral-400 text-base">
Participants must bring their valid College ID cards and the
receipt of registration during reporting. Otherwise, the
participant may be disqualified.
</p>
</div>
</div>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">4</div>
<p class="text-neutral-400 text-base">
The use of internet or other resources for solution shall be
considered as unfair means. The plagiarised content shall be
dissqualifed immediately.
</p>
</div>
</div>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">5</div>
<p class="text-neutral-400 text-base">
Penalty System: 2 Yellow stamps as a warning and red stamp
afterwards as eliminator and will be out if the participant is
found with prohibited or unethical substances
</p>
</div>
</div>
<div
class="rounded-lg overflow-hidden shadow-lg bg-neutral-900 border-4 border-indigo-500/100"
>
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2 text-white">6</div>
<p class="text-neutral-400 text-base">
For any undisciplinary action and usage of unfair means, the
participant will be imposed with yellow stamp as warning and
after two yellow stamp they will be eliminated with a red stamp.
</p>
</div>
</div>
</div>
</div>
<footer class="p-4 bg-black sm:p-6 dark:bg-neutral-900" id="foot">
<div class="md:flex md:justify-between">
<div class="mb-6 md:mb-0">
<a href="# " class="flex items-center">
<img src="./ICOSMIC.png" class="h-16" alt="ICOSMIC logo" Logo" />
<span
class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
>ICosmic</span
>
</a>
</div>
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<h2
class="mb-6 text-lg font-semibold text-gray-900 uppercase dark:text-white"
>
Contact Us
</h2>
<ul class="text-gray-600 dark:text-gray-400 text-sm">
<li class="mb-3">
<a>Ojas Kulshrestha: 9457752974</a>
</li>
<li class="mb-3">
<a> Abhi Tailor: 9166396642</a>
</li>
<li class="mb-3">
<a class="hover:underline"> Sana Sharma: 8178720933</a>
</li>
<li class="mb-3">
<a> Rakesh Kumar: 7563857893</a>
</li>
</ul>
</div>
<div>
<h2
class="mb-6 text-lg font-semibold text-gray-900 uppercase dark:text-white"
>
LINKS
</h2>
<ul class="text-gray-600 dark:text-gray-400 text-sm">
<li class="mb-4">
<a href="https://www.bennett.edu.in" class="hover:underline"
>wwww.bennett.edu.in</a
>
</li>
<li>
<a href="#" class="hover:underline">[email protected]</a>
</li>
<li class="py-6">
<div class="flex mt-4 space-x-6 sm:mt-0">
<a
href="https://instagram.com/__icosmic__bu?igshid=YmMyMTA2M2Y="
target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white"
>
<svg
class="w-5 h-5"
fill="currentColor"
viewBox="0 0 24 24"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"
/>
</svg>
<span class="sr-only">Instagram page</span>
</a>
<a
href="https://www.linkedin.com/in/icosmic-bu-397512261"
target="_blank"
class="text-gray-500 hover:text-gray-900 dark:hover:text-white"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5"
fill="currentColor"
viewBox="0 0 24 24"
>
<path
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
/>
</svg>
<span class="sr-only">LinkedIn account</span>
</a>
</div>
</li>
</ul>
</div>
<div>
<ul class="text-gray-600 dark:text-gray-400">
<iframe
class="gmap_iframe"
width="100%"
frameborder="10px"
scrolling="no"
marginheight="0"
marginwidth="0"
src="https://maps.google.com/maps?width=200&height=175&hl=en&q=bennett university&t=&z=12&ie=UTF8&iwloc=B&output=embed"
></iframe>
</ul>
</div>
</div>
</div>
<hr
class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8"
/>
<div class="sm:flex sm:items-center sm:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
>© 2023
<a href="https://flowbite.com/" class="hover:underline">icosmic™</a
>. All Rights Reserved.
</span>
</div>
</footer>
</div>
<script src="./script.js"></script>
<script src="app.js"></script>
</body>
</html>