-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
255 lines (250 loc) · 12.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./styles.css" rel="stylesheet" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<title>RASWARS 🤖</title>
</head>
<body>
<nav>
<div class="left">
<a href="#">Home</a>
<a href="#rules">Rules</a>
</div>
<div class="center">
<h1 class="title">RASWARS 🤖</h1>
</div>
<div class="right">
<a href="#footer">Contact</a>
<a class="btn" href="#register-now">Register</a>
</div>
</nav>
<section class="animation-container">
<div class="blur"></div>
<div class="ball1"></div>
<div class="ball2"></div>
<div class="ball3"></div>
<div class="ball4"></div>
<div class="ball5"></div>
</section>
<section class="main-container">
<div class="image-container">
<img src="./assets/robos.jpg" alt="Robot" />
<div class="countdown-container">
<div class="container">
<h1 id="headline">Countdown to Main Event</h1>
<div id="countdown">
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div id="content" class="emoji">
<span>🔥</span>
<span>🤖</span>
<span>🔥</span>
</div>
</div>
</div>
</div>
</section>
<div class="timeline-container" id="rules">
<section class="timeline-section" style="margin-top: 30px">
<div class="wrapper">
<h1 class="register-text">About RASWARS</h1>
<div class="timelineBox"></div>
<div class="timelineBody">
<ul class="timeline">
<li>
<div class="timelineDot"></div>
<div class="timelineContent">
<h2 class="timeline-heading">
What is RAS?
</h2>
<p class="timeline-para">
RAS (Robotics and Automation Society),
the ultimate hub of excitement, fueling
a thrilling journey into the captivating
realm of robotics and automation. As a
dynamic force within the university, RAS
sparks students' curiosity with a myriad
of engaging opportunities. From HANDS ON
WORKSHOPS to electrifying competitions
and collaborative projects, RAS provides
the perfect playground for students to
explore and expand their skills in
robotics. It's not just a platform—it's
a gateway to endless possibilities,
where students embark on an exciting
adventure, uncovering their potential
and shaping a brighter future in the
world of robotics.
</p>
</div>
</li>
<li>
<div class="timelineDot"></div>
<div class="timelineContent">
<h2 class="timeline-heading">
What is RASWARS?
</h2>
<p class="timeline-para">
Hosted by RAS at COMSATS Lahore, get
ready for an unforgettable experience at
RASWARS. This event isn't your typical
robotics competition—it's an
exhilarating showcase of engineering
prowess, strategic brilliance, and
heart-stopping battles. Imagine
student-built robots facing off in
thrilling 1v1 matchups, each aiming to
claim victory in a dazzling display of
innovation and skill. RASWARS isn't just
about winning; it's about pushing the
boundaries of robotics and delivering
non-stop excitement that will leave you
breathless.
</p>
</div>
</li>
<li>
<div class="timelineDot"></div>
<div class="timelineContent">
<h2 class="timeline-heading">
Exploring RASWARS
</h2>
<p class="timeline-para">
Destruct-athon: Robots battle it out
until one emerges as the last standing.
Sumo Wrestling: Robots compete to push
each other out of the ring,
demonstrating strength and strategy.
Line Following: Teams navigate through
complex mazes using their robots.
RASWARS offers opportunities for
participants of all levels, with two
weight categories:
<br />
<br />
- Heavy Weight (72Kg)
<br />
- Medium Weight (16Kg)
<br />
<br />
Save the date: May 14th to May 16th,
2024, and witness the excitement of
RASWARS at COMSATS Lahore!
</p>
</div>
</li>
<li id="register-now">
<div class="timelineDot"></div>
<div class="timelineContent">
<h2 class="timeline-heading">Register</h2>
<p class="timeline-para">
Are you ready to join forces with fellow
bots in a thrilling , jaw-dropping
competition? Secure your spot NOW in the
most electrifying event by REGISTERING
NOW! Don't miss your chance to make
history in RASWars'24.
</p>
<a
href="https://lu.ma/raswars2024"
target="_blank"
>
<button class="forms-btn">
Register Now
</button>
</a>
</div>
</li>
<li id="submit-fee">
<div class="timelineDot"></div>
<div class="timelineContent">
<h2 class="timeline-heading">
Fee Submission
</h2>
<p class="timeline-para">
Just one LAST step away from diving into
the electrifying universe of RASWars'24.
Secure your spot in the ultimate robot
showdown by registering today! As its a
ticket to an unforgettable adventure
filled with fierce competitions! Click
below to reserve your place in the WARS
OF ALL-TIME.
</p>
<a
href="https://tally.so/r/me6gJo"
target="_blank"
>
<button class="forms-btn">
Fee Submission Form
</button>
</a>
</div>
</li>
</ul>
</div>
</div>
</section>
</div>
<footer id="footer">
<div class="footer-container">
<div class="logo-sponser-container">
<div class="logo-container">
<img src="./assets/logo.png" alt="Logo" />
</div>
<div class="sponser-container">
<h2>Become our Sponser</h2>
<a href="mailto:ieeerascui@gmail.com"
>ieeerascui@gmail.com</a
>
</div>
</div>
<div class="social-links-container">
<ul class="links-container">
<li><a href="#">Home</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#register-now">Register</a></li>
</ul>
<div class="social-container">
<a
href="https://www.facebook.com/rascuilhe?mibextid=ZbWKwL"
>
<i class="fa-brands fa-facebook-f"></i>
<!-- @rascui -->
</a>
<a href="https://www.instagram.com/ras.cui">
<i class="fa-brands fa-instagram"></i>
<!-- @raswars -->
</a>
<a href="https://www.linkedin.com/company/rascui/">
<i class="fa-brands fa-linkedin-in"></i>
<!-- @rascui -->
</a>
</div>
</div>
<div class="developed-container">
<p>
Developed with 💖
<br />
<span> All Rights Reserved © 2024 </span>
</p>
</div>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>