-
Notifications
You must be signed in to change notification settings - Fork 74
/
robotrix.html
352 lines (333 loc) · 17 KB
/
robotrix.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
<!DOCTYPE html>
<html 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.0">
<meta name="keywords" content="Robotrix, IEEE NITK Robotics Hackathon, Robotics Hackathon, IEEE NITK">
<meta name="description" content="Web page for Robotrix, a robotics hackathon organized by IEEE NITK in association with IEEE NITK RAS student chapter">
<meta name="author" content="IEEE NITK">
<title>ROBOTRIX</title>
<!-- Favico -->
<link rel="shortcut icon" href="/robotrix/assets/favico.ico" type="image/x-icon">
<!-- jQuery CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<!-- font-awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Animate.css CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- Bootrstrap CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- Lottie player for animations -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<!-- Animate on scroll CDN -->
<!-- <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script> -->
<!-- CSS files -->
<link rel="stylesheet" href="/robotrix/style.css">
</head>
<body>
<a class="bottom-to-top" href="#home"><i class="fa-solid fa-arrow-up fa-lg"></i></a>
<header id="home">
<!-- Navigation bar -->
<nav>
<div class="icon">
<div class="bar bar-1"></div>
<div class="bar bar-2"></div>
<div class="bar bar-3"></div>
</div>
<div class="nav-items">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#schedule">Schedule</a>
<a href="#faq">FAQ</a>
<a href="#contact">Contact Us</a>
</div>
</nav>
<!-- Title -->
<div class="title container text-center">
<h3 class="title-text">IEEE NITK</h3>
<img class="title-image" src="/robotrix/assets/svg/title.svg" alt="title-image">
<img class="title-description" src="/robotrix/assets/svg/description.svg" alt="title-description">
<p>31<sup>st</sup> January - 5<sup>th</sup> February 2023</p>
<!-- <a class="registration-btn" href="https://forms.gle/5qsd83rURppeLSFr6" target="_blank"> -->
<a class="registration-btn" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
<span></span>
Registrations closed
</a>
<a class="arrow-down" href="#about"><i class="fa-solid fa-arrow-down fa-xl fa-bounce"></i></a>
</div>
</header>
<main>
<!-- About -->
<section id="about">
<div class="what container">
<div class="row flex-description">
<div class="col-lg-6" data-aos="fade-left">
<div class="row">
<h2>What?</h2>
</div>
<div class="row description">
<p>
<span>Robotics</span> is an emerging field in today’s life. To introduce you to the field of robotics, we present <span>Robotrix</span>, a 24-hour hackathon conducted by the <span>IEEE NITK</span> Student Branch in association with the <span>IEEE NITK RAS</span> Student Chapter. It presents you with interesting problem statements to ensure a fun-filled learning experience. In addition to the hackathon, a <span>workshop</span> will also be conducted before the final event to enhance your experience with us!
</p>
</div>
</div>
<div class="description-animation col-lg-4" data-aos="fade-right">
<lottie-player src="/robotrix/assets/animation/what.json" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
</div>
</div>
<div class="who container">
<div class="row flex-description">
<div class="description-animation col-lg-4" data-aos="fade-right">
<lottie-player src="/robotrix/assets/animation/who.json" background="transparent" speed="0.5" loop autoplay></lottie-player>
</div>
<div class="col-lg-6" data-aos="fade-left">
<div class="row">
<h2>Who?</h2>
</div>
<div class="row description">
<p>
The hackathon is open to 1st and 2nd year <span> B.Tech </span> students from all over India! All <span>enthusiastic</span> students, irrespective of branch are welcome to apply and participate in the hackathon.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- About ends -->
<!-- Schedule -->
<section id="schedule">
<div class="when container">
<div class="row flex-description" data-aos="zoom-in">
<div class="col-lg-8">
<div class="row">
<h2>When?</h2>
</div>
<div class="row description">
<div class="row mb-3">
<p class="p-0">
<span>31<sup>st</sup> January</span> - <span>5<sup>th</sup> February 2023</span>
</p>
</div>
<div class="row">
<div class="table-responsive-sm">
<table class="table align-middle">
<thead>
<tr>
<th class="col-lg-4">Date</th>
<th class="col-lg-2">Time</th>
<th class="col-lg-6">Event</th>
</tr>
</thead>
<tbody>
<tr>
<td>31<sup>st</sup> January 2023</td>
<td>7:00 - 7:30 PM</td>
<td>Preliminary round</td>
</tr>
<tr>
<td>1<sup>st</sup> Feb 2023 </td>
<td>7:00 - 8:00 PM</td>
<td>Expert talk by Abin Alex Pothen, Ross Video, Canada</td>
</tr>
<tr>
<td>2<sup>nd</sup>, 4<sup>th</sup> Feb 2023 </td>
<td>7:00 - 8:00 PM</td>
<td>Workshop on Matlab and Simulink</td>
</tr>
<tr>
<td>5<sup>th</sup> Feb 2023</td>
<td>TBD</td>
<td>24-hr Hackathon</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="description-animation col-lg-4" data-aos="zoom-out">
<lottie-player src="/robotrix/assets/animation/when.json" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
</div>
</div>
</section>
<!-- Schedule ends -->
<!-- Prizes -->
<section id="prizes">
<div class="container">
<div class="row text-center" data-aos="zoom-in-up">
<h2>Prizes Worth</h2>
</div>
<div class="row text-center" data-aos="fade-down">
<div class="col-lg-8 prize-description mx-auto">
<p><span>Exciting prizes await you!</span></p>
<lottie-player src="/robotrix/assets/animation/prize.json" background="transparent" speed="1" loop autoplay></lottie-player>
<p>
Prizes & goodies worth <span>10k!</span>
</p>
</div>
</div>
</div>
</section>
<!-- Prizes ends -->
<!-- FAQ -->
<section id="faq">
<div class="faq-robot">
<lottie-player src="/robotrix/assets/animation/faq.json" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
<div class="container">
<div class="row text-center" data-aos="zoom-in">
<h2>Frequently Asked Questions</h2>
</div>
<div class="questions text-center">
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Who are all eligible to apply for the event?
</p>
<p class="panel">
1st or 2nd year B.Tech students from any engineering college in India are eligible to participate.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Is there a registration fee?
</p>
<p class="panel">
No registration fees for NITK students <br>
No registration fees for teams with at least one IEEE member <br>
A registration fee of Rs.150 for teams with all non-NITK or non-IEEE members
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Is there any branch specification to apply?
</p>
<p class="panel">
No branch specification. All enthusiastic students are welcome to apply.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
The preliminary test is on Hackerearth. Is it a coding test?
</p>
<p class="panel">
The questions contain aptitude, linear algebra and some python questions.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How many members in a team?
</p>
<p class="panel">
A maximum of 2 members are allowed per team.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Is it necessary to have an IEEE member in a team comprising non-NITK students?
</p>
<p class="panel">
No, Check eligibility criteria.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
How can we prepare for the event?
</p>
<p class="panel">
Brushing up on your aptitude skills and Matlab would be helpful.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
What is the selection criteria for the hackathon?
</p>
<p class="panel">
Qualifying the preliminary round is mandatory to participate in the Hackathon.
</p>
</div>
<div class="faq-row" data-aos="flip-up">
<p class="accordion">
Should I clear the preliminary round to attend the workshop?
</p>
<p class="panel">
No, it is not necessary.
</p>
</div>
</div>
</div>
</section>
<!-- FAQ ends -->
<!-- Oraganizers -->
<section id="organizers">
<div class="container text-center">
<div class="row" data-aos="zoom-in-down">
<h2>Organized By</h2>
</div>
<div class="organizers-row row my-3 py-1">
<div class="col-lg-6 my-3" data-aos="fade-left">
<a href="https://ieee.nitk.ac.in/" target="_blank">
<img src="/robotrix/assets/img/logos/ieee_nitk.png" alt="ieee_nitk">
</a>
</div>
<div class="col-lg-6 my-3" data-aos="fade-right">
<a href="https://www.ieee-ras.org/" target="_blank">
<img src="/robotrix/assets/img/logos/ras.png" alt="ras_ieee_nitk">
</a>
</div>
</div>
</div>
</section>
<!-- Organizers ends -->
<!-- Sponsors -->
<section id="sponsors"></section>
<!-- Sponsors ends -->
<!-- Contact -->
<section id="contact">
<div class="container text-center">
<div class="row" data-aos="zoom-in-up">
<h2>Contact Us</h2>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Viren Varma : </span>
<a href="https://wa.me/919969894552" target="_blank">+91 99698 94552</a>
</p>
</div>
<div class="row" data-aos="fade-up">
<p>
<span>Shivani : </span>
<a href="https://wa.me/917989807234" target="_blank">+91 79898 07234</a>
</p>
</div>
</div>
</section>
<!-- Contact ends -->
</main>
<footer>
<div class="container-fluid text-center">
<div class="media">
<a href="https://www.facebook.com/IEEENITK" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/ieee_nitk/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/IEEE-NITK" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/company/ieee-nitk-surathkal/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/c/IEEENITK" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</div>
<div class="row">
<p>Copyright <span>© 2023</span> All rights reserved</p>
<p>Made with <i class="fa-solid fa-heart"></i> by <a href="https://ieee.nitk.ac.in/" target="_blank"><span>IEEE NITK</span></a></p>
</div>
</div>
</footer>
<!-- JS files -->
<script src="/robotrix/main.js"></script>
</body>
</html>