-
Notifications
You must be signed in to change notification settings - Fork 10
Expand file tree
/
Copy pathindex.html
More file actions
619 lines (605 loc) · 25.3 KB
/
index.html
File metadata and controls
619 lines (605 loc) · 25.3 KB
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
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="shortcut icon" href="assets/ECX.svg" type="image/x-icon" />
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="scss/main.css" />
<title>HackX</title>
</head>
<body>
<nav>
<section class="navbar_first">
<div class="navbar_ecx">
<a href="index.html"><img class="navbar_0ecx1" src="assets/ECX.png" alt="ECX_LOGO" /></a>
</div>
<div class="navbar_sep">
<div class="navbar_reg1" onclick="window.location.assign('Pages/register.html')">
<a class="navbar_reg4" href="Pages/register.html">REGISTER</a>
</div>
<div class="navbar_ham"><span class="navbar_myham">☰</span></div>
</div>
</section>
<section class="navbar_second">
<div class="navbar_about"><a href="./index.html">Home</a></div>
<div class="navbar_about"><a href="Pages/About.html">About</a></div>
<!--<div class="navbar_ment"><a href="#mentors">Mentors</a></div>-->
<div class="navbar_sch"><a href="#schedule">Schedule</a></div>
<div class="navbar_sch"><a href="#contact">Contact</a></div>
<div class="navbar_reg2" onclick="window.location.assign('Pages/register.html')">
<a class="navbar_reg3" href="Pages/register.html">REGISTER</a>
</div>
<div class="navbar_log" onclick="window.location.assign('Pages/Login.html')">
<a class="navbar_log2" href="Pages/Login.html">LOGIN</a>
</div>
</section>
</nav>
<main>
<section class="hero-main">
<div class="hero">
<div class="call-to-action">
<h1>
<span style="text-transform: lowercase;">hack</span><span class="X">X</span><br /><!-- <span class="hack"
>HACKATHON -->
</span>
</h1>
<span class="lte">learn | teach | explore</span><br /><br />
<span class="quote"
><q
>Building Solutions for the<br />
future</q
></span
><br />
<button class="learn" ><a href='Pages/About.html'>LEARN MORE</a></button><br />
<span class="date"><span class="head">Date: </span> 10-11-2020</span
><br />
<span class="venue"
><span class="head">Venue:</span> ECX hackX Slack Channel</span
>
</div>
<div class="image-1">
<img src="assets/images/hero.png" alt="hero" />
</div>
<div class="image-2">
<img src="assets/images/location.png" alt="location" />
</div>
<div class="location">
<div class="Venue">
<span class="hero-head">Venue</span><br />
ECX hackX <br />
Slack<br />
Channel
</div>
<div class="Date">
<span class="hero-head">Date</span><br />
November 10 -<br />
November 24 <br />
2020
</div>
</div>
</div>
</section>
<!--
<div id="bod">
<div class="myimg0" id="largeScreen">
<section class="myimg1">
<div class="partner_topic1">Partners</div>
<div class="img001"></div>
<div class="img002"></div>
<div class="img003"></div>
<div class="img004"></div>
<div class="img005"></div>
<div class="img006"></div>
</section>
</div>
</div>
--
<!--small screen-->
<!--
<div class="container" id="smallScreen">
<div class="mySlides fade">
<div class="partner_topic2">Partners</div>
<div class="carousal-flex">
<a class="prev" onclick="plus(-1)"><img src="../assets/images/next icon.svg"></a>
<div class="img_contain">
<img src="../assets/images/partner-one.png" id="imgSlide">
</div>
<a class="next" onclick="plus(1)"><img src="../assets/images/next icon.svg"></a>
</div>
-->
<!--Dots/circles-->
<!--
<div class="text" id="text">
<span class="dot" onclick="currentSlide(0)" ></span>
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
</div>
</div>
-->
<!--Next and previous buttons-->
</div>
<div class="about">
<h1 class="about-text">About</h1>
<div class="about-container">
<div class="about-what">
<img src="assets/images/Totel_Photography-7199.jpg" alt="about" />
<div class="text-content">
<h2>
What is hackX?
</h2>
<p>
The first edition of ECX Hackathon themed <!--hackX--> “Building Solutions
for the Future” focuses on building innovative solutions to the
following sectors: Health, Real Estate, Logistics, Education. The
challenge enables programmers to share skills in teams solving a
real engineering challenge.
</p>
</div>
</div>
<div class="about-how">
<img src="assets/images/Totel_Photography-7195.jpg" alt="about" />
<div class="text-content">
<h2>
How it works
</h2>
<p>
<!-- After registration, the hackX team would shortlist successful candidates and pair selected individuals to a team. Upon selection, selected participants would be sent a congratulatory mail with the ECX hackX Slack invite, and teams would be added respectively and briefed about the guidelines of the Hackathon.
Teams would come up with solutions to proposed sectors. hackX judges would score each team based on creativity, innovation, viability, fits theme and technical difficulty
problem using programming languages and tools of their choice.
Finalists would submit a final project and would create a video pitch against the Grand Finale. Winners would be announced at the Grand Finale. ECX would be dedicated to supporting the winners as an open source project or tool to incubation for sponsorship from potential companies.
-->
Teams are formed externally by participants and each member of the team are to register on the hackX
platform. Shortlisted candidates will be sent a congratulatory mail,
with the hackX Slack Community invite. Members of each team will be added
respectively, and briefed about the guidelines of the Hackathon. Teams will come
up with solutions to proposed sectors. hackX judges will score each team based
on <span style="font-style: italic">creativity, innovation, viability, theme-fit and technical difficulty</span>.
Finalists will submit a final project, and will also create a video pitch against the
<span style="font-weight: bold">ECX Grand Finale</span>. Winners will be announced at the Grand Finale.
<!--Moreover, ECX will be dedicated to supporting the winners as an <span style="font-weight: bold">Open Source
Project</span>, or tool to incubation for sponsorship from potential companies.-->
</p>
</div>
</div>
</div>
<div class="about-criteria">
<a href="Pages/About.html#criteria-for-selectionn"
><button class="about-criteria-btn">
View Criteria for Participation
</button></a
>
</div>
</div>
<div class="goal-container">
<h1 class="goal-text">Goal</h1>
<div class="goal">
<div class="quotes">
<h3>
<q>if you can’t explain it simply, you dont understand well enough</q>
</h3>
<small>Albert Einstein</small>
</div>
<div class="main-goal">
<h3>The Hackathon Goals</h3>
<div class="stuff-container">
<div class="idea">
<div class="flex">
<!-- <img src="../assets/images/one.svg" alt="one" /> -->
<svg
class="one"
width="22"
height="18"
viewBox="0 0 22 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.08 9C0.08 14.184 1.832 17.928 6.824 17.928C11.816 17.928 13.568 14.184 13.568
9C13.568 3.864 11.816 0.119998 6.824 0.119998C1.832 0.119998 0.08 3.864 0.08 9ZM9.536
9C9.536 11.784 9.248 14.088 6.824 14.088C4.4 14.088 4.112 11.784 4.112 9C4.112 6.312 4.4
3.96 6.824 3.96C9.248 3.96 9.536 6.312 9.536 9ZM17.6803 18H21.9523V0.48H15.3043V4.296H17.6803V18Z"
fill="white"
fill-opacity="0.3"
/>
</svg>
<h4 class="ideas">Idea</h4>
</div>
<p>
To generate high-value actionable business and product concepts.
</p>
</div>
<div class="technology">
<div class="flex">
<!-- inline svg so that it can be customized -->
<svg
class="two"
width="28"
height="18"
viewBox="0 0 28 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.08 9C0.08 14.184 1.832 17.928 6.824 17.928C11.816 17.928 13.568 14.184 13.568
9C13.568 3.864 11.816 0.119998 6.824 0.119998C1.832 0.119998 0.08 3.864 0.08 9ZM9.536 9C9.536
11.784 9.248 14.088 6.824 14.088C4.4 14.088 4.112 11.784 4.112 9C4.112 6.312 4.4 3.96 6.824 3.96C9.248
3.96 9.536 6.312 9.536 9ZM15.5923 17.76H27.6403V14.424H21.1603C23.9443 12.288 27.3763 9.216 27.3763
5.376C27.3763 2.424 25.6003 0.0959988 21.6163 0.0959988C18.4243 0.0959988 15.6643 1.92 15.5443
6.168H19.5043C19.5043 4.512 20.2243 3.552 21.4483 3.552C22.6963 3.552 23.2723 4.368 23.2723 5.64C23.2723
8.592 19.3123 11.64 15.5923 14.712V17.76Z"
fill="white"
fill-opacity="0.3"
/>
</svg>
<h4 class="ideas">Technology</h4>
</div>
<p>
The Hackathon is aimed at embracing technological innovation
culture.
</p>
</div>
</div>
</div>
</div>
</div>
<section class="hours-body">
<section class="one30">
<div class="thirty_30">2 <span class="hours_30">WEEKS</span> <span class="of_30">OF...</span></div>
<!-- <div class="hours_30">HOURS</div>
<div class="of_30">OF...</div> -->
<div class="train0_30">
DESIGNING / BUILDING / CODING / HACKING / NETWORKING / MENTORS / CHALLENGES
</div>
</section>
<section class="two30">
<article class="first30">
<div class="img30">
<img class="partners_img" src="assets/images/target.png" />
</div>
<div class="tracks30">4 TRACKS</div>
</article>
<article class="second30">
<div class="img30">
<img class="partners_img" src="assets/images/coffee.png" />
</div>
<div class="tracks30">4 SECTORS</div>
</article>
<article class="third30">
<div class="img30">
<img
class="partners_img"
src="assets/images/git-pull-request.png"
/>
</div>
<div class="tracks30">CODE</div>
</article>
<article class="fourth30">
<div class="img30">
<img class="partners_img" src="assets/images/codesandbox.png" />
</div>
<div class="tracks30">DEPLOY</div>
</article>
</section>
</section>
<!--
<main class="mentors-main" id='mentors'>
<h1 class="mentor-h1">MENTORS</h1>
<h6 class="mentor-h6">Meet our mentors</h6>
<div class="mobile">
<div class="mentor">
<div class="container">
<img src="assets/images/image1.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Aniedi Udo-Obong</span><br />
<span class="mentor-job"
>Developer Relations Team for SSA,<br />Google</span
>
</div>
</div>
<div class="container">
<img src="assets/images/image2.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Jessica Igwe</span><br />
<span class="mentor-job">Product Specialist, VGG</span>
</div>
</div>
<div class="container">
<img src='assets/images/image2.png' class="image" />
<div class="mentor-content">
<span class="mentor-name">Maya Famodu</span><br />
<span class="mentor-job">CEO, Ingressive Capital</span>
</div>
</div>
<div class="container">
<img src="assets/images/image2.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Ola Orekunrin</span><br />
<span class="mentor-job">Flying Doctors</span>
</div>
</div>
</div>
</div>
<div class="desktop">
<div class="mentor">
<div class="container">
<img src="assets/images/image1.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Aniedi<br />Udo-Obong</span><br /><br />
<span class="mentor-job"
>Developer Relations<br />Team for SSA, Google</span>
</div>
</div>
<div class="container">
<img src="assets/images/image2.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Jessica<br />Igwe</span><br /><br />
<span class="mentor-job">Product Specialist,<br />VGG</span>
</div>
</div>
<div class="container">
<img src="assets/images/image3.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Maya<br />Famodu</span><br /><br />
<span class="mentor-job">CEO, Ingressive<br />Capital</span>
</div>
</div>
<div class="container">
<img src="assets/images/image4.png" class="image" />
<div class="mentor-content">
<span class="mentor-name">Ola<br />Orekunrin</span><br /><br />
<span class="mentor-job">Flying Doctors</span>
</div>
</div>
</div>
</div>
</main> -->
<div class="schedule_body" id='schedule'>
<div class="schedule_mobile">
<header class="schedule_head"><b>SCHEDULE</b></header>
<div class="schedule_all">
<div class="schedule_shape">
<p id="schedule_shape__combineShape">
<div class="line"></div>
<div class="box"></div>
</p>
<p id="schedule_shape__combineShape">
<div class="tline"></div>
<div class="tbox"></div>
</p>
<p id="schedule_shape__combineShape">
<div class="line"></div>
<div class="box"></div>
</p>
<p id="schedule_shape__combineShape">
<div class="tline"></div>
<div class="tbox"></div>
</p>
<!-- <p id="schedule_shape__combineShape">
<div class="line"></div>
<div class="box"></div>
</p> -->
</div>
<div class="schedule_txt">
<div class="right">
<span class="schedule_txt__head">Open Application</span>
<p id="schedule_txt__paragraph">Registration For The Hackathon starts 10th November, 2020</p>
</div><br>
<div class="left">
<span class="schedule_txt__head">Qualification/Shortlisting</span>
<p id="schedule_txt__short">
Shortlisting Participants For The Next Round Takes Place On 16th November, 2020
</p>
</div><br>
<div class="right">
<span class="schedule_txt__head">Demo Day</span>
<p id="schedule_txt__demo">
Demonstration Of Projects Takes Place A Day Before The Grand Finale. Finalists Would Compose A Video Against The Finale
</p>
</div><br>
<div class="left">
<span class="schedule_txt__head">Grand Finale</span>
<p id="schedule_txt__paragraph">The Final Phase Of
The Final Phase Of The Hackathon Takes Place At The ECX Grand Finale. Winners Would Be Announced
</p>
</div><br>
<center><div class="long"></div></center>
</div>
</div>
</div>
<!--desktop site-->
<div class="schedule_desktop">
<header class="schedule_head">
<b>SCHEDULE</b>
</header>
<div class="schedule_all">
<div class="schedule_shape">
<div class="p1 right">
<span class="rgt">
<hr class="line">
<div class="box"></div>
</span>
<div class="cnt">
<span class="schedule_title">
Open Application
</span>
<p class="schedule_txt">
Registration For The Hackathon starts 10th November, 2020
</p>
</div>
</div>
<div class="p1 left">
<span class="lft">
<div class="box"></div>
<hr class="line">
</span>
<div class="cnt">
<span class="schedule_title">
Qualification/Shortlisting
</span>
<p class="schedule_txt">
Shortlisting Participants For The Next Round Takes Place On 16th November, 2020
</p>
</div>
</div>
<!--
<div class="p1 right">
<span class="rgt">
<hr class="line">
<div class="box"></div>
</span>
<div class="cnt">
<span class="schedule_title">
Online Round
</span>
<p class="schedule_txt">
The Online Round Takes Place On 12th October, 2020
</p>
</div>
</div>
-->
<div class="p1 right">
<span class="rgt">
<hr class="line">
<div class="box"></div>
</span>
<div class="cnt">
<span class="schedule_title">
Demo Day
</span>
<p class="schedule_txt">
Demonstration Of Projects Takes Place A Day Before The Grand Finale.
Finalists Would Compose A Video Against The Finale
</p>
</div>
</div>
<div class="p1 left">
<span class="lft">
<div class="box"></div>
<hr class="line">
</span>
<div class="cnt">
<span class="schedule_title">
Grand Finale
</span>
<p class="schedule_txt">
The Final Phase Of The Hackathon Takes Place At The ECX Grand Finale. Winners Would Be Announced
</p>
</div>
</div>
</div>
<center>
<div class="long"></div>
</center>
</div>
</div>
</div>
<section class="contact-main" id='contact'>
<form class="contact-form" >
<h1 class="contact-heading">CONTACT</h1>
<h6 class="contact-details-dsktp">Do you want to partner or sponsor?</h6>
<h6 class="contact-details-mob">Do you want to partner or sponsor?</h6>
<input
class="contact-input-text"
type="text"
name="name"
id='name'
placeholder="Name"
/>
<input
type="email"
name="email"
id='email'
class="contact-input-text"
placeholder="Email"
/>
<textarea id='message' class="contact-textarea" placeholder="Message"></textarea>
<input class="contact-submit" type="submit" value="SEND" />
</form>
<div class="link-to-dashboard">
<span class="span">SEE YOU SOON!</span>
<button class="button"> <a href="Pages/Login.html">go to dashboard</a></button>
</div>
</section>
</main>
<footer class="footer" id="footer-mobile">
<div class="footer-top">
<!-- for mobile view -->
<div class="buttons">
<a href="Pages/register.html"><button class="register">Register</button></a>
<br />
<a href="Pages/Login.html"><button class="login">Login</button></a>
</div>
<p class="footer-links">
<a href="Pages/about.html#eligible-check-section">Qualification Requirements</a>
<!--<a href="#mentors">Mentors & Speakers</a>-->
<a href="Pages/about.html">Terms and Conditions</a>
<a href="mailto:[email protected]?subject=Dear%20ECX%20,%20my%20name%20is" target="_blank">Support</a>
</p>
<div class="ecxx">
<img src="assets/ECX.svg" alt="ecx" class="ecx-image-mobile-display" />
</div>
</div>
<div class="footer-bottom">
<div class="footer-icons">
<!-- icons go here -->
<a href="https://www.instagram.com/ecxunilag" target="_blank">
<div class="instagram" title="instagram" alt="instagram"></div>
</a>
<a href="https://twitter.com/ecxunilag?lang=en" target="_blank">
<img src="assets/images/twitter.svg" class="twitter" title="twitter" alt="twitter"/>
</a>
<a href="mailto:[email protected]?subject=Dear%20ECX%20,%20my%20name%20is" target="_blank">
<div class="email" title="email" alt="email"></div>
</a>
</div>
<div class="footer-copyright">
<p><span style="font-size: 16px;">© ECX 2020</span></p>
<p style="font-size: 16px;">Made with < /></p>
</div>
</div>
</footer>
<footer class="footer" id="footer-desktop">
<div class="footer-top">
<div class="ecxx">
<img src="assets/ECX.svg" alt="ecx" class="ecx-image-desktop-display" />
</div>
<!-- for mobile view -->
<div class="buttons">
<a href="Pages/register.html"><button class="register">Register</button></a>
<br />
<a href="Pages/Login.html"><button class="login">Login</button></a>
</div>
<p class="footer-links">
<a href="Pages/about.html#eligible-check-section">Qualification Requirements</a>
<!--<a href="#mentors">Mentors & Speakers</a>-->
<a href="Pages/about.html">Terms and Conditions</a>
<a href="mailto:[email protected]?subject=Dear%20ECX%20,%20my%20name%20is" target="_blank">Support</a>
</p>
</div>
<div class="footer-bottom">
<div class="footer-icons">
<!-- icons go here -->
<a href="https://www.instagram.com/ecxunilag" target="_blank">
<div class="instagram" title="instagram" alt="instagram"></div>
</a>
<a href="https://twitter.com/ecxunilag?lang=en" target="_blank">
<img src="assets/images/twitter.svg" class="twitter" title="twitter" alt="twitter"/>
</a>
<a href="mailto:[email protected]?subject=Dear%20ECX%20,%20my%20name%20is" target="_blank">
<div class="email" title="email" alt="email"></div>
</a>
</div>
<div class="footer-copyright">
<p><span style="font-size: 16px;">© ECX 2020</span></p>
<p style="font-size: 16px;">Made with < /></p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>