-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
363 lines (352 loc) · 17.1 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getlinked | Landing Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body class=" text-white text-center font-normal text-xs leading-6" style="background-color: #150E28;">
<div class="hidden">
<div>
<img src="./public/cancel.png" alt="">
</div>
<nav class="">
<ul>
<li><a href="#">Timeline</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<button>Register</button>
</div>
<header class="border-b-gray-500 border-b">
<div class="container | px-[48px] py-[15px] items-center">
<div class="flex justify-between items-center">
<a href="#">
<p class="font-bold text-xl md:text-4xl">get<span class="text-cyan-700">linked</span></p>
</a>
<nav class="hidden md:block text-base ml-[300px]">
<ul class="flex">
<li class="mr-[56px]"><a href="#">Timeline</a></li>
<li class="mr-[56px]"><a href="#">Overview</a></li>
<li class="mr-[56px]" ><a href="#">FAQs</a></li>
<li class="mr-[56px]"><a href="#">Contact</a></li>
</ul>
</nav>
<button class="hidden md:block text-[16px] font-normal bg-gradient-to-r from-pink-400 to-fuchsia-800 px-[52px] py-[16px] mt-[24px] mb-[14.16px] rounded-md">Register</button>
<img class="w-[19px] h-[14px] md:hidden" src="/menu.png" alt="">
</div>
</div>
</header>
<main>
<section>
<div class="pt-[42px] ">
<p class="font-[700] italic text-[16px] md:text-4xl">Igniting a Revolution in HR Innovation</p>
<div class="flex justify-end pr-[68px] md:pr-[360px] md:w-[253px] md:h-[11.04px]"><img src="public/curve.png" alt=""></div>
<div class="md:flex justify-center">
<div class="px-12">
<h1 class="font-[700] text-[32px] mt-[26px] my-[9px] leading-10">
getlinked Tech<br />
Hackathon<span class="text-fuchsia-800">1.0</span>
<img class="inline-block" src="./public/chain.png" alt="">
<img class="inline-block" src="./public/1f4a5.png" alt="">
</h1>
<p class="text-[13px] font-normal ">Participate in getlinked tech Hackathon 2023 stand a chance to win a Big prize</p>
<button class="text-[14px] font-normal bg-gradient-to-r from-pink-400 to-fuchsia-800 px-[46px] py-[14.14px] mt-[24px] mb-[14.16px] rounded-md">Register</button>
<div class="text-[48px]">00
<span class="text-[14px] kerning-none">H</span> 00
<span class="text-[14px]">M</span> 00
<span class="text-[14px]">S</span>
</div>
</div>
<div class="flex justify-center">
<img class="" src="./public/Hackathon-guy.png" alt="">
</div>
</div>
</div>
</section>
<section class="border-b-gray-500 border-b">
<div class="px-12 pb-[58.65px] pt-[29px]">
<div>
<div class="flex justify-center mb-[58]">
<img src="./public/The-big-idea.png" alt="">
</div>
<div>
<h2 class="pb-[9px] text-xl font-[700]">Introduction to getlinked<br />
<span class="text-fuchsia-800">tech Hackathon 1.0</span>
</h2>
<p>Our tech hackathon is a melting pot of visionaries, and its purpose is as
clear as day: to shape the future. Whether you're a coding genius, a
design maverick, or a concept wizard, you'll have the chance to transform
your ideas into reality. Solving real-world problems, pushing the boundaries
of technology, and creating solutions that can change the world,
that's what we're all about!</p>
</div>
</div>
</div>
</section>
<section class="border-b-gray-500 border-b">
<div class="px-12 pb-[46px] ">
<div>
<div class="flex justify-center pb-[30px]">
<img src="public/sitting-girl.png" alt="">
</div>
<div>
<h2 class="font-[700] text-xl pb-[9px]" >
Rules and<br />
<span class="text-fuchsia-800">Guidlines</span>
</h2>
<p>
Our tech hackathon is a melting pot of visionaries, and its purpose is as
clear as day: to shape the future. Whether you're a coding genius, a
design maverick, or a concept wizard, you'll have the chance to transform
your ideas into reality. Solving real-world problems, pushing the boundaries
of technology, and creating solutions that can change the world,
that's what we're all about!
</p>
</div>
</div>
</div>
</section>
<section class="border-b-gray-500 border-b">
<div class="px-12 pt-[74px] pb-[58.65px]">
<div>
<div class="flex justify-center">
<img src="./public/chat-guys.png" alt="">
</div>
<div class="">
<h2 class="font-[700] text-xl pb-[16px]">
Judging Criteria<br />
<span class="text-fuchsia-800">Key attributes</span>
</h2>
<p class="pb-[16px]"><span class="text-pink-900">Innovation and Creativity:</span>
Innovation and Creativity: Evaluate the uniqueness and creativity of the
solution. Consider whether it addresses a real-world problem in a novel
way or introduces innovative features.
</p>
<p class="pb-[16px]"><span class="text-pink-900">Functionality:</span>
Functionality: Assess how well the solution works. Does it perform its
intended functions effectively and without major issues? Judges would
consider the completeness and robustness of the solution.
</p>
<p class="pb-[16px]"><span class="text-pink-900">Impact and Relevance:</span>
Impact and Relevance: Determine the potential impact of the solution
in the real world. Does it address a significant problem, and is it relevant
to the target audience? Judges would assess the potential social,
economic, or environmental benefits.
</p>
<p class="pb-[16px]"><span class="text-pink-900">Technical Complexity:</span>
Evaluate the technical sophistication of the solution.
Judges would consider the complexity of the code, the use of advanced
technologies or algorithms, and the scalability of the solution.
</p>
<p><span class="text-pink-900">Adherence to Hackathon Rules:</span>
Judges will Ensure that the team adhered
to the rules and guidelines of the hackathon, including deadlines, use of
specific technologies or APIs, and any other competition-specific requirements.
</p>
<button class="leading-[14px] py-[10px] px-[13px] mt-[12px] bg-gradient-to-r from-pink-400 to-fuchsia-600 rounded-md">Read More</button>
</div>
</div>
</div>
</section>
<section class="border-b-gray-500 border-b">
<div class="px-12 pt-[60px] pb-[49px] ">
<div>
<div>
<div class="text-left mb-[86px]">
<h2 class="font-[700] text-xl pb-[9px] text-center">
Frequently Ask<br />
<span class="text-fuchsia-800">Question</span>
</h2>
<p class="text-center mb-[45.69px]">We got answers to the questions that you might
want to ask about getlinked Hackathon 1.0
</p>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>Can I work on a project I started before the hackathon?</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>What happens if I need help during the hackathon?</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>What happens if I don't have an idea for a project?</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>Can I join a team or do I have to come with one?</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>What happens after the hackathon ends</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
<div class="flex items-end justify-between border-b-purple-500 border-b pb-1">
<p>Can I work on a project I started before the hackathon?</p>
<img class="w-[11px] h-[11px] mb-1" src="./public/plus.png" alt="">
</div>
</div>
<div class="flex justify-center">
<img src="./public/cwok_casual_21.png" alt="">
</div>
</div>
</div>
</div>
</section>
<section>
<div class="px-12 pt-[80px] pb-[83px]">
<h2 class="font-[700] text-xl pb-[9px]">Timeline</h2>
<p>Here is the breakdown of the time we anticipate
using for the upcoming event.</p>
<div class="mt-[56px] border p-4">
<!-- List Here -->
</div>
</div>
</section>
<section>
<div class="px-12 pt-[75px] pb-[75px]">
<h2 class="font-[700] text-xl pb-[9px]" >Prizes and<br />
<span class="text-fuchsia-800">Rewards</span></h2>
<p>Highlight of the prizes or rewards for winners
and for participants.
</p>
<div class="mt-[40px]">
<div class="flex justify-center">
<img src="./public/trophy.png" alt="">
</div>
<div class="mt-[120.85px] flex items-center justify-center">
<div class="border w-[90.01px] h-[125.67px] rounded-lg " style="border-color: rgba(144, 58, 255, 1); background: rgba(214, 52, 254, 0.12);">
<img class="-mt-9 w-[76px] h-[76.42px] inline" src="./public/silver_medal.png" alt="">
<div class="mt-[9px]">
<p class="leading-3 font-bold">2nd</p>
<p class="leading-3 font-semibold pt-1">Runner</p>
<p class="leading-3 font-bold text-sm pt-3" style="color: rgba(212, 52, 254, 1)">N300,000</p>
</div>
</div>
<div class="border w-[90.01px] h-[147.32px] mx-[10.99px] rounded-lg" style="border-color: rgba(144, 58, 255, 1); background: rgba(144, 58, 255, 0.12);">
<img class="-mt-16 w-[125.67px] h-[125.67px] absolute right-[36%] " src="./public/gold_medal.png" alt="">
<div class="mt-[75px]">
<p class="leading-3 font-bold">1st</p>
<p class="leading-3 font-semibold pt-1">Runner</p>
<p class="leading-3 font-bold text-sm pt-3" style="color: rgba(212, 52, 254, 1)">N500,000</p>
</div>
</div>
<div class="border w-[90.01px] h-[125.67px] rounded-lg" style="border-color: rgba(144, 58, 255, 1); background: rgba(144, 58, 255, 0.12);">
<img class="-mt-9 w-[76px] h-[76.42px] inline" src="./public/bronze_medal.png" alt="">
<div class="mt-[9px]">
<p class="leading-3 font-bold">3rd</p>
<p class="leading-3 font-semibold pt-1">Runner</p>
<p class="leading-3 font-bold text-sm pt-3" style="color: rgba(212, 52, 254, 1)">N150,000</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="border-b-gray-500 border-b">
<div class="px-9 pt-[80px] pb-[104.41px]">
<h2 class="font-[700] text-xl pb-[9px] mb-5">Partners and Sponsors</h2>
<p>Getlinked Hackathon 1.0 is honored to have the
following major companies as its partners and sponsors
</p>
<div class="mt-[41px] border rounded-sm p-[38.2px]" style="border-color: rgba(144, 58, 255, 1);">
<div class="flex flex-wrap justify-center items-center">
<div class="w-[85.24px]"><img src="./public/Liberty-company.png" alt=""></div>
<div class="w-[85.24px] border"><img src="./public/Liberty-company-logo.png" alt=""></div>
<div class="w-[85.24px]"><img src="./public/Winwise-logo.png" alt=""></div>
<div class="w-[85.24px]"><img src="./public/wisper-logo-white.png" alt=""></div>
<div class="w-[85.24px]"><img src="./public/Paybox.png" alt=""></div>
<div class="w-[85.24px]"><img src="./public/Vizual-Plus.png" alt=""></div>
</div>
</div>
</div>
</section>
<section>
<div class="px-12 pt-[71px] pb-[83px]">
<div class="">
<div>
<h2 class="font-[700] text-xl mb-[7px]" >Privacy Policy and<br />
<span class="text-fuchsia-800">Terms</span>
</h2>
<p class=" text-gray-400">Last updated on September 12,2023</p>
<p class=" my-8">Below are our privacy & policy, which outline a lot of goodies.
it’s our aim to always take of our participant
</p>
<div class="border rounded-lg px-5 pt-[45px] " style="border-color:rgba(144, 58, 255, 1);">
<p>At getlinked tech Hackathon 1.0, we value your privacy
and are committed to protecting your personal information.
This Privacy Policy outlines how we collect, use, disclose,
and safeguard your data when you participate in our tech
hackathon event. By participating in our event, you consent
to the practices described in this policy.
</p>
<h3 class="text-fuchsia-800 text-left font-[700] mt-5">Licensing Policy</h3>
<p class="text-left font-[700] mb-5">Here are terms of our Standard License:</p>
<div class="flex text-left">
<img class="w-[17px] h-[17px] mt-2" src="./public/list-terms.png" alt="">
<p class="ml-3">The Standard License grants you a non-exclusive right to
navigate and register for our event</p>
</div>
<div class="flex text-left mt-6">
<img class="w-[17px] h-[17px] mt-2" src="./public/list-terms.png" alt="">
<p class="ml-3">You are licensed to use the item available at any free source
sites, for your project developement</p>
</div>
<button class="mt-8 mb-14 leading-[14px] py-[10px] px-[13px] bg-gradient-to-r from-pink-400 to-fuchsia-600 rounded-md">Read More</button>
</div>
</div>
<div class="flex justify-center">
<img src="./public/padlock-guy.png" alt="">
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="px-[70px] pt-[71px] pb-[45px] text-left">
<div class="md:flex gap-10" >
<div>
<a href="index.html">
<p class="font-bold text-xl">get<span class="text-purple-700">linked</span></p>
</a>
<p class="mt-4 mb-10">Getlinked Tech Hackathon is a technology
innovation program established by a group
of organizations with the aim of showcasing
young and talented individuals in the field
of technology
</p>
<p>Terms of use<span class="text-purple-700 text-lg"> | </span>Privacy Policy</p>
</div>
<div class="mt-8">
<h3 class="text-purple-700 font-semibold text-sm mb-2">
Useful Links
</h3>
<ul>
<li class="mb-3 ">Overview</li>
<li class="mb-3">Timeline</li>
<li class="mb-3">FAQs</li>
<li>Register</li>
</ul>
<div class="flex items-start mt-4 gap-4">
<p class="text-purple-700 font-semibold mb-2">Follow us</p>
<img src="./public/mdi_instagram.png" alt="">
<img src="./public/ri_linkedin-fill.png" alt="">
<img src="" alt="">
<img src="" alt="">
</div>
</div>
<div class="mt-16">
<p class="text-purple-700 mb-2 font-semibold text-sm">Contact Us</p>
<p class="mb-5"><img class="inline mr-4" src="./public/call.png" alt="">+234 6707653444</p>
<div class="flex"><img class="mr-4 w-[13px] h-[15px]" src="./public/Vector-1.png" alt="">
<p class="w-24">27, Alara Street Yaba 100012 Lagos State</p>
</div>
</div>
</div>
<p class="mt-16 text-center">All rights reserved. getlinked Ltd.</p>
</div>
</footer>
</body>
</html>