-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
452 lines (451 loc) · 22.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js"></script> -->
<script src="https://unpkg.com/[email protected]/dist/gsap.min.js"></script>
<link rel="stylesheet" href="/styles/style.css" />
<title>Dungeon of Developers</title>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RK0JW9N5LH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RK0JW9N5LH');
</script>
<body>
<div class="wrapper">
<div class="bg-hero"></div>
<nav>
<div class="logo">
<h3>Dungeon</h3>
<h4>Of <span>Developers</span></h4>
</div>
<div class="hamburger">
<img src="/img/hamburger.svg" alt="" />
</div>
<div class="links">
<img src="/img/close.svg" alt="" class="close-btn" />
<div class="link-container">
<a href="#prizes">Prize</a>
<a href="#sponsors">Sponsors</a>
<a href="#faq_and_rules">Rules & FAQ's</a>
<a href="#">Contact</a>
<a href="#" class="register-now">Register Now</a>
<a href="sponsorship.html" class="sponsorus">Sponsor Us</a>
</div>
</div>
</nav>
<section class="hero">
<div class="content">
<h1>Dungeon</h1>
<h3>Of Developers</h3>
<h4>Unlock the Code: Tamil Nadu's Largest Hackathon in collaboration with VIT Chennai and Fraternity of Young Innovators</h4>
</div>
<div class="animation">
<div class="view">
<div class="plane main">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
</div>
</div>
</section>
<section class="code-lines">
<h2 data-text="const encryptedMessage = [...new Set([...Array.from('IntimidatingCode')].map((char, index) => String.fromCharCode(char.charCodeAt(0) + index))).join('')];" class="glowing">
const encryptedMessage = [...new Set([...Array.from('IntimidatingCode')].map((char, index) => String.fromCharCode(char.charCodeAt(0) + index))).join('')];
</h2>
<h2
data-text="func removeDuplicates(slice []string) []string { keys, list := make(map[string]bool), []string{}; for _, entry := range slice { if _, value := keys[entry]; !value { keys[entry], list = true, append(list, entry) } }; return list }"
class="glowing"
>
func removeDuplicates(slice []string) []string { keys, list := make(map[string]bool), []string{}; for _, entry := range slice { if _, value := keys[entry]; !value { keys[entry], list = true, append(list, entry) } };
return list }
</h2>
<h2
data-text="int main() { std::string original = 'DifferentCode'; std::vector<char> encrypted; std::transform(original.begin(), original.end(), std::back_inserter(encrypted), [](char c) { return c + 1; }); std::sort(encrypted.begin(), encrypted.end()); encrypted.erase(std::unique(encrypted.begin(), encrypted.end()), encrypted.end()); std::cout << std::string(encrypted.begin(), encrypted.end()) << std::endl; return 0; }"
class="glowing"
>
int main() { std::string original = 'DifferentCode'; std::vector
<char>
encrypted; std::transform(original.begin(), original.end(), std::back_inserter(encrypted), [](char c) { return c + 1; }); std::sort(encrypted.begin(), encrypted.end()); encrypted.erase(std::unique(encrypted.begin(),
encrypted.end()), encrypted.end()); std::cout << std::string(encrypted.begin(), encrypted.end()) << std::endl; return 0; }
</char>
</h2>
<h2 data-text="from django.db import models; class MyModel(models.Model): name = models.CharField(max_length=255); age = models.IntegerField()" class="glowing">
from django.db import models; class MyModel(models.Model): name = models.CharField(max_length=255); age = models.IntegerField()
</h2>
<h2 data-text="import cv2; img = cv2.imread('path/to/image.jpg'); gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY); cv2.imwrite('output.jpg', cv2.GaussianBlur(gray, (5, 5), 0))" class="glowing">
import cv2; img = cv2.imread('path/to/image.jpg'); gray = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY); cv2.imwrite('output.jpg', cv2.GaussianBlur(gray, (5, 5), 0))
</h2>
</section>
<section class="about-DOD">
<svg class="shape1" xmlns="http://www.w3.org/2000/svg" width="200" height="200" fill="none" viewbox="0 0 200 200" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs">
<g clip-path="url(#clip0_105_560)">
<path fill="#5c1325" fill-rule="evenodd" d="M200 100.671 100 0 0 100.671h98.667L0 200h200l-98.667-99.329H200Z" clip-rule="evenodd"></path>
</g>
</svg>
<svg class="shape2" xmlns="http://www.w3.org/2000/svg" width="200" height="200" fill="none" viewbox="0 0 200 100" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs">
<path fill="#5c1325" fill-rule="evenodd" d="M200 150c0-55.228-44.772-100-100-100S0 94.772 0 150h200Z" clip-rule="evenodd"></path>
</svg>
<div class="main-wrapper">
<div class="about-wrapper">
<h1>
WHAT IS <br />
<span>
#DUNGEONOF<br class="developers_break" />
DEVELOPERS
</span>
??
</h1>
<h4>WELCOME TO THE LARGEST HACKATHON OF VIT CHENNAI</h4>
<p>
Dungeon of Developers is a two day hackathon designed to test your skills and connect you with top makers in the no code community. Taking inspiration from popular online cooking shows, DOD blends time capped web
development with story-driven daily prompts that challenge participants to weave creative story lines into engaging digital experiences.
</p>
<a href="#rules_and_faqs" class="explore">Explore Rules & FAQ's</a>
</div>
<div class="why-participate-wrapper">
<h1>
WHY <br />
<span>PARTICIPATE</span> ?
</h1>
<h4>WIN CASH. GET BRAGGING RIGHTS.</h4>
<p>
Winning Dungeon of Developers will elevate your stature in the Hacker community and hook you up with some serious prize money. Thanks to our generous sponsors, our prize pool is bigger than ever which means the
stakes are high and the competition is going to be stiff.
</p>
<a href="#prizes" class="explore">Explore Prizes</a>
</div>
</div>
</section>
<section class="prizes" id="prizes">
<h1>The Prizes!!</h1>
<div class="container">
<div class="prize_1">
<div class="content">
<div class="number">
1
</div>
<h2>GRAND PRIZE</h2>
<h3>This year, the grand winner will be celebrated for their outstanding achievement. To claim the top spot, your performance should impress the judges and stand out among fellow participants.</h3>
<!-- <div class="prize-list">
<h6>₹200000</h6>
<img src="https://assets.website-files.com/60ce366263ce9aedb3f24381/60d0c73d5da10f57646ad584_curvyline-small.svg" alt="" />
<h6 class="hidden">Trophy</h6>
<img src="https://assets.website-files.com/60ce366263ce9aedb3f24381/60d0c73d5da10f57646ad584_curvyline-small.svg" alt="" />
<h6 class="hidden">Trip to Las Vegas</h6>
</div> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_2">
<div class="number">
2
</div>
<h2>FIRST RUNNER UP</h2>
<h3>You might have missed top honors, but you're still taking home valuable prizes.</h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_3">
<div class="number">
3
</div>
<h2>SECOND RUNNER UP</h2>
<h3>Nothing to be ashamed of here. Securing the third-place position is a commendable achievement, and you're walking away with well-deserved recognition.</h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_4">
<div class="number">
4
</div>
<h2>BEST STORY</h2>
<h3>The website deemed the best in delivering a compelling and story-driven experience, as determined by the official judge committee, will be acknowledged for its excellence.</h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_5">
<div class="number">
5
</div>
<h2>CROWD FAVOURITE</h2>
<h3>This prize will go to the submission with the most total votes from the crowd.</h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_6">
<div class="number">
6
</div>
<h2>ROUND WINNERS</h2>
<h3>Three participants will be awarded a round-specific prize for their outstanding performance.</h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
<div class="prize_7">
<div class="number">
7
</div>
<h2>BEST SOCIAL POST</h2>
<h3>This prize will go to a couple of participants who make the best online post using <span class="red">#DungeonOfDevelopersXFYI</span></h3>
<div class="prize-list">
<!-- <h6>₹250000</h6> -->
<p>To be announced</p>
</div>
</div>
</div>
<p class="addmore">and more...</p>
</section>
<section class="sponsors" id="sponsors">
<h1>Past Sponsors</h1>
<div class="card-containers">
<div class="wrap wrap--logobar" id="containerElem">
<ul class="list" id="list">
<li class="list__item" class="polygon">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545656/FYI_Sponsors/image-removebg-preview_16_pr7hu4.png" alt="polygon_company_logo" class="polygon" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545656/FYI_Sponsors/image-removebg-preview_17_rxjrht.png" alt="replit_company_logo" class="replit" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545655/FYI_Sponsors/image-removebg-preview_18_hzw9mp.png" alt="roosto_company_logo" class="roosto" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545654/FYI_Sponsors/image-removebg-preview_19_trt8gb.png" alt="scaler_company_logo" class="scaler" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545653/FYI_Sponsors/image-removebg-preview_22_dyv3lu.png" alt="yuvaa_company_logo" class="yuvaa" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545653/FYI_Sponsors/image-removebg-preview_21_sdoldi.png" alt="yocket_company_logo" class="yocket" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545653/FYI_Sponsors/image-removebg-preview_23_bzzkkk.png" alt="zeeve_company_logo" class="zeeve" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_7_xubrg8.png" alt="codingblocks_company_logo" class="codingblocks" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545650/FYI_Sponsors/image-removebg-preview_20_dmkr96.png" alt="valeo_company_logo" class="valeo" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_9_yaxftq.png" alt="dubeat_company_logo" class="dubeat" style="filter: invert();" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_8_oc3jnd.png" alt="codingninjas_company_logo" class="codingninjas" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_13_qzrdmd.png" alt="icici_bank_company_logo" class="icici" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_14_uznkow.png" alt="magoosh_company_logo" class="magoosh" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_6_doyetq.png" alt="augeo_company_logo" class="augeo" style="filter: grayscale() invert();" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_11_lbmnu8.png" alt="" class="filecoin" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545648/FYI_Sponsors/image-removebg-preview_12_ikxtjl.png" alt="" class="geeksforgeeks" />
</li>
<li class="list__item">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_10_hj74ea.png" alt="" class="fastrack" />
</li>
<li class="list__item" class="myways">
<img src="https://res.cloudinary.com/dpdtx7vf4/image/upload/v1701545649/FYI_Sponsors/image-removebg-preview_15_g6cvdw.png" alt="" />
</li>
</ul>
</div>
<a href="sponsorship.html" class="explore become-spoonsor">Become a Sponsor</a>
</div>
</section>
<section class="faq_and_rules" id="faq_and_rules">
<svg
class="shape3"
xmlns="http://www.w3.org/2000/svg"
id="SvgjsSvg1088"
width="200"
height="200"
x="0"
y="0"
version="1.1"
viewBox="0 0 402.85 402.851"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:svgjs="http://svgjs.dev/svgjs"
>
<path
d="M97.158 402.851c.717 0 1.434-.275 1.984-.822l50.721-50.715a2.804 2.804 0 0 0 0-3.962l-46.721-46.718 48.767-48.769c1.086-1.084 1.086-2.867 0-3.961l-46.537-46.523 49.002-49.002a2.805 2.805 0 0 0 0-3.962l-46.715-46.72 48.767-48.766a2.807 2.807 0 0 0 0-3.962L108.276.821a2.799 2.799 0 0 0-3.961 0 2.804 2.804 0 0 0 0 3.961l46.167 46.165-48.739 48.736a2.808 2.808 0 0 0 0 3.961c.08.08.175.107.257.17.096.134.153.285.271.402l46.166 46.172L99.7 199.124c-.696.695-.898 1.653-.715 2.545a2.79 2.79 0 0 0 .808 2.041l46.167 46.183-48.739 48.723c-1.085 1.096-1.085 2.879 0 3.963.08.087.17.114.254.164.094.131.145.284.273.405l46.166 46.161-48.731 48.728c-1.092 1.095-1.092 2.884 0 3.962.533.586 1.258.852 1.975.852zm75.624 0a2.8 2.8 0 0 0 1.982-.822l50.718-50.715a2.822 2.822 0 0 0 0-3.962l-46.712-46.718 48.771-48.769c1.078-1.084 1.078-2.867 0-3.961L181 201.381l49.007-49.002a2.813 2.813 0 0 0 0-3.962l-46.715-46.714 48.769-48.767a2.802 2.802 0 0 0 0-3.961L183.908.832a2.8 2.8 0 1 0-3.961 3.961l46.165 46.165-48.731 48.737a2.804 2.804 0 0 0 0 3.961c.074.074.161.101.246.164.096.134.146.29.274.408l46.171 46.173-48.735 48.736c-.689.69-.892 1.643-.713 2.534a2.806 2.806 0 0 0 .806 2.06l46.184 46.178-48.766 48.721a2.818 2.818 0 0 0 0 3.962c.08.076.17.115.248.153.101.131.152.295.28.405l46.164 46.174-48.734 48.727a2.799 2.799 0 0 0 0 3.961c.533.573 1.25.839 1.976.839zm75.627 0a2.77 2.77 0 0 0 1.983-.822l50.726-50.715a2.804 2.804 0 0 0 0-3.962l-46.72-46.718 48.765-48.769a2.8 2.8 0 0 0 0-3.961l-46.532-46.523 49.007-49.002a2.846 2.846 0 0 0 0-3.962l-46.732-46.72 48.769-48.766a2.814 2.814 0 0 0 0-3.962L259.517.821c-1.094-1.095-2.883-1.095-3.961 0a2.802 2.802 0 0 0 0 3.961l46.155 46.165-48.728 48.736a2.8 2.8 0 0 0 0 3.961c.079.08.159.107.263.17.109.134.139.285.265.402l46.173 46.172-48.746 48.736c-.69.695-.876 1.653-.71 2.545a2.769 2.769 0 0 0 .818 2.041l46.173 46.183-48.742 48.723c-1.083 1.096-1.083 2.879 0 3.963.075.087.164.114.249.164.102.131.134.284.274.405l46.173 46.161-48.731 48.728c-1.097 1.095-1.097 2.884 0 3.962a2.615 2.615 0 0 0 1.967.852z"
fill="#5c1325"
></path>
</svg>
<div class="accordion" id="rules_and_faqs">
<h1>Rules</h1>
<div class="accordion-item">
<button id="accordion-button-1" aria-expanded="false">
<span class="accordion-title">What is the Team Size Limit?</span>
<span class="icon" aria-hidden="true"> </span>
</button>
<div class="accordion-content">
<p>
Each team should consist of a maximum of 4 members or minimum of 3 members. Ensure that teams adhere to this limit.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-2" aria-expanded="false">
<span class="accordion-title">Project Submission Deadline</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
All projects must be submitted on time. The details about the announcement of the prizes will be provided later. Late submissions will not be considered.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-3" aria-expanded="false">
<span class="accordion-title">Code of Conduct</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Participants must adhere to a respectful and inclusive code of conduct throughout the hackathon. Any form of harassment or inappropriate behavior will not be tolerated.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-4" aria-expanded="false">
<span class="accordion-title">Original Work</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Projects must be original and developed during the hackathon period. Plagiarism or using pre-existing projects will result in disqualification.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false">
<span class="accordion-title">Demo Requirements:</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Teams must prepare a live demo of their project during the presentation. It should showcase the key features and functionalities.
</p>
</div>
</div>
</div>
<div class="accordion">
<h1>FAQ's</h1>
<div class="accordion-item">
<button id="accordion-button-1" aria-expanded="false">
<span class="accordion-title"> Can I participate alone, or do I need to be in a team?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
You can participate either in a team of 3 or 4 only.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-2" aria-expanded="false">
<span class="accordion-title">Are there any hardware or software limitations for the hackathon?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Yes, please refer to the rules for any specified hardware or software limitations. Ensure that your project is feasible within the provided resources.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-3" aria-expanded="false">
<span class="accordion-title">How do I prepare for the project presentation/demo?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Prepare a live demo showcasing key features and functionalities. Ensure your presentation is clear and concise, highlighting the aspects mentioned in the judging criteria.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-4" aria-expanded="false">
<span class="accordion-title">What are the prizes for the winning projects?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Exciting prizes will be announced at a later date. For details, please refer to the rules or reach out to the organizers for more information.
</p>
</div>
</div>
<div class="accordion-item">
<button id="accordion-button-5" aria-expanded="false">
<span class="accordion-title">What happens if I encounter issues or need technical support during the hackathon?</span>
<span class="icon" aria-hidden="true"></span>
</button>
<div class="accordion-content">
<p>
Organizers will provide technical support throughout the event. You can reach out to mentors or use designated communication channels for assistance.
</p>
</div>
</div>
</div>
</section>
<footer>
<a href="https://www.instagram.com/fyivitc/" target="_blank">
<img src="/img/FYI_VITC.png" alt="" class="fyi_logo" />
</a>
<ul>
<li>
<a href="https://www.instagram.com/fyivitc/" target="_blank">
<i class="ri-instagram-line ri-xl"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/house-of-developers-hod/" target="_blank">
<i class="ri-linkedin-line ri-xl"></i>
</a>
</li>
<li>
<a href=""><i class="ri-twitter-x-line ri-xl"></i> </a>
</li>
<li>
<a href="mailto:[email protected]">
<i class="ri-mail-line ri-xl"></i>
</a>
</li>
</ul>
</footer>
</div>
<script type="module" src="/scripts/script.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
</body>
</html>