forked from Yugjohri/infuturum
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
405 lines (391 loc) · 15.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Infuturum 2.0</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css"
/>
<link rel="stylesheet" href="https://use.typekit.net/sma8eef.css" />
<link
rel="shortcut icon"
href="/infu2.0-removebg-preview.jpg"
type="image/x-icon"
/>
</head>
<body>
<div id="main">
<div data-scroll data-scroll-speed="-5" id="page1">
<nav>
<img
class="acmLogo"
src="./association-for-computing-machinery-logo.png"
alt="acmlogo"
/>
<div id="right-nav">
<img src="infuturem logo.png" />
</div>
</nav>
<div class="bottom-page1">
<h1>
Infuturum 2.0 <br />
2024
</h1>
<div class="bottom-page1-inner">
<h4>
Be a part of our biggest event <br />
of the year!
</h4>
<!-- <button>LEARN MORE</button> -->
</div>
</div>
<video
src="images and videos/pexels_videos_2759484 (2160p).mp4"
autoplay
loop
muted
playsinline
></video>
</div>
<div id="page2">
<button>
<a href="https://forms.fillout.com/t/jKJ1Q7kBjxus" target="_blank"
>Forms</a
>
</button>
<h2>ENHANCE YOUR SKILLS AS A MEMBER OF ACM</h2>
<h1>
The Association for Computing Machinery is a
<span class="trigger" data-tooltip="tooltip-1" data-effect="effect1"
>US-based international learned society for computing</span
>. It was founded in 1947 and is the world's largest scientific and
educational computing society. The ACM is a non-profit professional
membership group, reporting nearly 110,000 student and professional
members as of 2022.
</h1>
</div>
<div id="page3">
<canvas></canvas>
</div>
<div id="page4">
<button>
<a href="https://forms.fillout.com/t/jKJ1Q7kBjxus" target="_blank"
>Forms</a
>
</button>
<h3>WHAT IS INFUTURUM?</h3>
<h1>
Tighten up your seat belts for INFUTURUM, an enthralling celebration
commemorating the 76th anniversary of ACM! Undertake on a mesmerizing
voyage that is certain to captivate your intellect and forge an
enduring imprint on your memory. Immerse yourself in a diverse array
of engaging activities that will not only challenge and exhilarate you
but also bestow upon you unparalleled rewards. Vie for breathtaking
prizes and become an integral part of a gala that vows to redefine
your celebratory experiences. Do not let slip this unparalleled
opportunity to revel in opulence and grace, as you become a
participant in INFUTURUM—an event destined to be etched in the annals
of time for generations to come!
</h1>
</div>
<!-- <div id="page5">
<canvas></canvas>
</div> -->
<!-- <div id="page6"> -->
<!-- <h3>INCREASE YOUR DIGITAL TWIN TOKEN’S VALUE</h3> -->
<!-- <h1>Our Events</h1>
</div> -->
<div id="page9">
<div class="left9">
<h1>
What Events <br />
are we hosting?
</h1>
</div>
<div class="right9">
<div class="right9-center">
<img src="infu2.0-removebg-preview.jpg" alt="" />
</div>
</div>
</div>
<div class="page10">
<div class="container left-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>RESEM</h2>
<small>9th Feb - 10th Feb </small>
<p>
Dive into the intellectual excitement of the Tech Research-Based
Hackathon—an intense 26-hour affair for researchers and
innovators. Craft a condensed opus, compete in spirited
challenges, and forge collaborations to turn ideas into reality.
Ride the waves of innovation in this celestial convergence of
minds and win exciting prizes.
</p>
<span class="left-container-arrow"></span>
<a
class="reg"
href="https://forms.fillout.com/t/jKJ1Q7kBjxus"
target="_blank"
>Register</a
>
</div>
</div>
<div class="container right-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Hackauction</h2>
<small>9th Feb - 10th Feb</small>
<p>
Tech teams from each club/chapter/society will get some money to
buy tech tools in an auction. They'll use these tools to make web
apps, and judges will rate their work. It's a tech challenge where
creativity and skill take the spotlight
</p>
<!-- <a class="reg" href="https://forms.fillout.com/t/jKJ1Q7kBjxus">Register</a> -->
<span class="right-container-arrow"></span>
</div>
</div>
<div class="container left-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Design-A-thon</h2>
<small>Online: 9th Feb - 11th Feb</small>
<p>
Join 'Designathon' for a chance to showcase your Figma-designed
web pages on Infuturum's site. Unleash your creativity in this
thrilling event where innovation meets design
</p>
<a
class="reg"
href="https://forms.fillout.com/t/jKJ1Q7kBjxus"
target="_blank"
>Register</a
>
<span class="left-container-arrow"></span>
</div>
</div>
<div class="container right-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Breakout Rooms</h2>
<small>10th Feb</small>
<p>
Embrace liberation in 'Breakout,' the inaugural
inter-chapter/clubs/societies competition. Teams decipher unique
problem statements, filling whiteboards with ingenious solutions.
Elevate your problem-solving game for a chance at thrilling
prizes. Let creativity set you free!"
</p>
<!-- <a class="reg" href="https://forms.fillout.com/t/jKJ1Q7kBjxus">Register</a> -->
<span class="right-container-arrow"></span>
</div>
</div>
<div class="container left-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Mafia</h2>
<small>10th Feb</small>
<p>
Dive into the mysterious world of 'Mafia Night: Unmasking
Shadows,' where 15 participants face off in a relentless game of
deception. By day, citizens collaborate to identify killers among
them; by night, the killers strike. With a God overseeing the
chaos, trust is fleeting, and every decision counts. Can citizens
unmask the shadows before falling victim to the dark secrets? Join
us for a thrilling night of strategy, suspicion, and suspense!"
</p>
<!-- <a class="reg" href="https://forms.fillout.com/t/jKJ1Q7kBjxus">Register</a> -->
<span class="left-container-arrow"></span>
<a
class="reg"
href="https://forms.fillout.com/t/jKJ1Q7kBjxus"
target="_blank"
>Register</a
>
</div>
</div>
<div class="container right-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Raw Reality</h2>
<small>11th Feb</small>
<p>
Join 'Unveiled Verity' for a thought-provoking journey. Challenge
beliefs, get inspired, and redefine perceptions. It's a simple yet
powerful adventure into raw reality with a documentary
</p>
<!-- <a class="reg" href="https://forms.fillout.com/t/jKJ1Q7kBjxus">Register</a> -->
<span class="right-container-arrow"></span>
</div>
</div>
<div class="container left-container">
<img src="infu2.0.jpg" alt="" />
<div class="text-box">
<h2>Fish Hunt</h2>
<small>9th Feb - 11th Feb</small>
<p>
Get ready for an epic adventure with the Fish Hunt! Solve coding
questions, crack secret codes, and tackle challenging puzzles as
you race against time to find the hidden treasure on the
University campus. It's the perfect opportunity to showcase your
problem-solving skills and have a blast with your team! So, are
you up for the challenge? Let the Fish Hunt begin!
</p>
<a
class="reg"
href="https://forms.fillout.com/t/jKJ1Q7kBjxus"
target="_blank"
>Register</a
>
<span class="left-container-arrow"></span>
</div>
</div>
<!-- <div class="right10">
<div class="right10-inner">
<h1>RESEM</h1>
<p>Dive into the intellectual excitement of the Research-Based Hackathon—an intense 26-hour affair for researchers and innovators. Craft a condensed opus, compete in spirited challenges, and forge collaborations to turn ideas into reality. Ride the waves of innovation in this celestial convergence of minds and win exciting prizes.</p>
</div>
<div class="right10-inner">
<h1>FishHunt</h1>
<p>Get ready for an epic adventure with the Fish Hunt!
Solve coding questions, crack secret codes, and tackle challenging puzzles as you race against time to find the hidden treasure on the University campus. It's the perfect opportunity to showcase your problem-solving skills and have a blast with your team! So, are you up for the challenge? Let the Fish Hunt begin!
</p>
</div>
<div class="right10-inner">
<h1>Hackauction</h1>
<p>Groups A and B compete in a coding showdown. Group A crafts websites in Java, CSS, HTML, then faces off with B in an epic framework battle. Winning teams vie for recognition in the ultimate showdown. Ignite your competitive spirit—let the battle begin!</p>
</div>
</div> -->
</div>
<!-- <div id="page10">
<div class="right10">
<div class="right10-inner">
<h1>Project Showcase</h1>
<p>Get onboard with an extraordinary journey at the Project Showcase—an event where programming brilliance shines. Compete for champion status, present groundbreaking projects, and revel in the joyness of victory. Engage with skilled programmers, make connections, and join the yatch of innovation and excellence.</p>
</div>
</div>
</div> -->
<!-- <div id="page8">
<div class="page8-bottom">
<h1>Magma DTT</h1>
<button>LEARN MORE</button>
</div>
<video src="https://thisismagma.com/wp-content/themes/magma/assets/home/glass/1.webm?2"autoplay loop muted></video>
</div> -->
<div id="page11">
<h1>Last Year's Success</h1>
<div class="page11-inner">
<div class="left11">
<img src="IMG_1165.JPG" alt="" />
</div>
<div class="right11">
<h4>Feb 10th, 2023</h4>
<h1>MentorX's Success</h1>
</div>
</div>
<div class="page11-inner">
<div class="left11">
<img src="IMG-20240206-WA0011.jpg" alt="" />
</div>
<div class="right11">
<h4>Feb 11, 2023</h4>
<h1>Tech Docs on the way!</h1>
</div>
</div>
<div class="page11-inner">
<div class="left11">
<img src="IMG-20240206-WA0012.jpg" alt="" />
</div>
<div class="right11">
<h4>Feb 11, 2023</h4>
<h1>Evaluation for Resem</h1>
</div>
</div>
</div>
<div id="page12">
<div id="page12-photos">
<img src="REDBULL.jpg" class="sponsor1" id="sponsor1" />
<img src="./born_reborn_logo_4.avif" class="sponsor2" id="sponsor2" />
<img src="/IRA.png" class="sponsor3" id="sponsor3" />
<!-- <img src="/devfolio.png" class="sponsor4" id="sponsor4" /> -->
<img src="/ki-high-res white.png" class="sponsor5" id="sponsor5" />
</div>
<div class="page12-inner">
<h1>Our Sponsors</h1>
<p>
Thrilled to have been sponsored by several huge <br />
and leading organisations, Making Infuturum 2.0 <br />
into a reality.
</p>
</div>
</div>
<div id="page13">
<h1>Interested?</h1>
<h2>Consider Registering</h2>
<button>
<a href="https://forms.fillout.com/t/jKJ1Q7kBjxus" target="_blank"
>Forms</a
>
</button>
</div>
<!-- <div id="page14">
<a
href="https://twitter.com/acm_bu"
style="text-decoration: none"
target="_blank"
>
<div class="page14-inner">
<h1>Twitter</h1>
<i class="ri-arrow-right-up-line"></i>
<div class="center14"></div>
</div>
</a>
<a
href="https://www.linkedin.com/in/acm-bennett-3020561b8/"
style="text-decoration: none"
target="_blank"
>
<div class="page14-inner">
<h1>LinkedIn</h1>
<i class="ri-arrow-right-up-line"></i>
<div class="center14"></div>
</div>
</a>
<a
href="https://www.instagram.com/acm_bennett/"
style="text-decoration: none"
target="_blank"
>
<div class="page14-inner">
<h1>Instagram</h1>
<i class="ri-arrow-right-up-line"></i>
<div class="center14"></div>
</div>
</a>
</div> -->
<div class="footer"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/gsap.min.js"
integrity="sha512-qF6akR/fsZAB4Co1QDDnUXWnaQseLGXoniuSuSlPQK6+aWhlMZcHzkasCSlnWoe+TJuudlka1/IQ01Dnhgq95g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/ScrollTrigger.min.js"
integrity="sha512-IHDCHrefnBT3vOCsvdkMvJF/MCPz/nBauQLzJkupa4Gn4tYg5a6VGyzIrjo6QAUy3We5HFOZUlkUpP0dkgE60A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="script.js"></script>
</body>
</html>