-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
465 lines (437 loc) · 27.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
453
454
455
456
457
458
459
460
461
462
463
464
465
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="Excoders (2).png">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="review-card.css">
</head>
<body>
<div class="preloader">
<div class="logo-container">
<img src="Excoders (2).png" alt="Logo" class="preloader-logo">
</div>
</div>
<div class="site-wrap">
<header class=" text-gray-400 bg-blue-900 body-font">
<span id="content">
<div class="container mx-auto flex flex-wrap p-5 flex-row items-center justify-between"></span>
<a class="flex justify-center items-center title-font font-medium items-center text-white md:mb-0">
<div class="logo-container">
<img class="w-10 h-10 rounded-full mx-auto sm:w-10 sm:h-10 md:w-15 md:h-15 lg:w-20 lg:h-20 background: #0000 logo-icon" src="Excoders (2).png">
<div class="text-container">
<span class="text-3xl logo-text">E</span>
<span class="text-3xl logo-text">x</span>
<span class="text-3xl logo-text">c</span>
<span class="text-3xl logo-text">o</span>
<span class="text-3xl logo-text">d</span>
<span class="text-3xl logo-text">e</span>
<span class="text-3xl logo-text">r</span>
<span class="text-3xl logo-text">s</span>
</div>
</div>
</a>
<nav class="hidden md:block md:ml-auto flex flex-wrap items-center text-base justify-center">
<a href class="mr-5 hover:text-white text-xl">Our Team</a>
<a href="projects.html" target="_blank" class="mr-5 hover:text-white text-xl">Projects</a>
<a href="https://kamilya.hashnode.dev/" target="_blank" class="mr-5 hover:text-white text-xl">Blogs</a>
<a href="https://wa.me/+917029660094"> <button
class="inline-flex items-center bg-gray-800 border-0 py-1 px-3 focus:outline-none hover:bg-gray-700 rounded text-base mt-4 md:mt-0 text-3xl">Join
Us
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button></a>
</nav>
<div id="hamburger-menu-btn" class="md:!hidden fa fa-bars text-black fa-2x"></div>
<nav id="hamburger-menu"
class="hidden right-0 top-[120px] bg-blue-900 h-screen w-screen transition-transform">
<div class="flex flex-col p-4 justify-center items-center gap-4">
<a href class="text-white mt-4 text-xl">Our Team</a>
<a href="projects.html" class="text-white mt-4 text-xl">Projects</a>
<a href="https://kamilya.hashnode.dev/" target="_blank" class="text-white mt-4 text-xl">Blogs</a>
<a href="https://wa.me/+917029660094"> <button
class="inline-flex items-center bg-gray-800 border-0 py-1 px-3 h-12 focus:outline-none hover:bg-gray-700 rounded text-base mt-4 md:mt-0">Join
Us
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button></a>
</div>
</nav>
</div>
</header>
<!-- our team informations -->
<div class="flex justify-center p-4">
<div class="flex flex-col justify-center items-center">
<div class="text-stone-600 font-semibold text-center text-2xl md:text-4xl">Welcome to Excoders</div>
<div class="text-green-500 text-3xl md:text-5xl text-center font-semibold mt-2">Meet Our Awesome Team</div>
<div class="text-stone-600 my-4 md:font-medium text-center text-lg md:text-xl w-3/4 md:w-1/2 mx-auto">
"Team excoders is dedicated to helping people embark on their coding journey with confidence."
</div>
<div class="flex flex-col md:flex-row max-w-7xl justify-center items-center "></div>
<section class="text-gray-600 body-font sm:text-lg">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -m-4 justify-center">
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<div class="h-full text-center">
<div class="review-card">
<img alt="testimonial"
class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="rahul_high.jpeg">
<p class="leading-relaxed">A cybersecurity expert with a passion for teaching, Currently, I am venturing
into the world of web development eager to expand my skill set and apply my knowledge of cybersecurity
to build secure and reliable web applications.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Rahul Kamilya</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Cybersecurity ∙ Web Development </a></div>
</div>
</div>
</div>
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<div class="h-full text-center">
<div class="review-card">
<img alt="testimonial"
class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="priya_300.png">
<p class="leading-relaxed">Having gained expertise in frontend development and having helped beginners
in this field, I am now delving into the world of app development. My goal is to enhance my skills and
knowledge in this area and assist others in building dynamic and engaging apps.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Priyanshu Das</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Application Developer (Flutter) </a></div>
</div>
</div>
</div>
<div class="lg:w-1/3 lg:mb-0 p-3">
<div class="h-full text-center">
<div class="review-card">
<img alt="testimonial"
class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="ankita_snap.jpg">
<p class="leading-relaxed">A Skilled frontend developer with a strong background in HTML, CSS, and
JavaScript. I have extensive experience creating user-friendly and visually appealing websites and web
applications. In addition, I am proficient in Java programming, which has enabled me to develop
complex software solutions.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Ankita Chakraborty</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Frontend Development ∙ Java </a></div>
</div>
</div>
</div>
</div>
</div>
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -m-4 justify-center">
<div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<div class="h-full text-center">
<div class="review-card">
<img alt="testimonial"
class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="snigdha-final.jpg">
<p class="leading-relaxed">Aspiring DSA enthusiast on a journey of continuous learning. Passionate about
unraveling the world of Data Structures and Algorithms Together, let's demystify the realm of coding
challenges and share the joy of mastering DSA concepts.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Snigdha Datta</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Data Structures ∙ C++ </a></div>
</div>
</div>
</div>
<!-- <div class="lg:w-1/3 lg:mb-0 mb-6 p-4">
<div class="h-full text-center">
<img alt="testimonial" class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100" src="Images/priya_300.png">
<p class="leading-relaxed">Having gained expertise in frontend development and having helped beginners in this field, I am now delving into the world of app development. My goal is to enhance my skills and knowledge in this area and assist others in building dynamic and engaging apps.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Priyanshu Das</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Application Developer (Flutter) </a></div>
</div>
</div> -->
<div class="lg:w-1/3 lg:mb-0 p-4">
<div class="h-full text-center">
<div class="review-card">
<img alt="testimonial"
class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100"
src="natique-final.jpg">
<p class="leading-relaxed">"Exploring the art of web creation one tag at a time. Enthusiastic about HTML
and CSS, and diving headfirst into the world of frontend development,let's embrace the journey of
mastering web design and share the excitement of bringing digital ideas.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">MD Natique Asghar</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Frontend Development </a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<div class="lg:w-1/3 lg:mb-0 p-4">
<div class="h-full text-center">
<img alt="testimonial" class="w-20 h-20 mb-8 object-cover object-center rounded-full inline-block border-2 border-gray-200 bg-gray-100" src="https://dummyimage.com/305x305">
<p class="leading-relaxed">Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
<span class="inline-block h-1 w-10 rounded bg-indigo-500 mt-6 mb-4"></span>
<div class="font-bold text-green-500">Snigdha dutta</div>
<div class="text-sm font-medium text-stone-500 hover:text-blue-500"><a href="#">
Data Structure & Also in C++ </a></div>
</div>
</div>
</div>
</div>
</section> -->
<!-- cards -->
<div class="flex justify-center p-4">
<div class="flex flex-col justify-center items-center">
<div class="text-blue-500 text-3xl md:text-5xl font-medium mb-7">Support Us :) </div>
<div class="z-0 flex justify-center">
<div class="flex flex-col md:flex-row max-w-7xl justify-center items-center mb-7 group">
<div
class="bg-white m-4 shadow-xl min-h-99 flex flex-col justify-center text-black border-2 border-gray-200 px-4 py-6 rounded-lg transform transition duration-500 hover:scale-110 rounded-lg ">
<div class="m-8 h-96">
<div class=" m-2">Give Us a Coffee</div>
<div class=" m-2 text-3xl">₹100/Month</div>
<div class=" m-2 mt-8">For beginners</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Mentors Support</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">All Roardmaps</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon>
<div class="">Website Designs</div>
</div>
<div class="flex">
<ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon>
<div class="">Ethical Hacking</div>
</div>
</div>
<div class="flex justify-center">
<div
class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">
Subscribe</div>
</div>
</div>
<div
class="bg-white m-4 shadow-xl min-h-99 w-30 flex flex-col justify-center text-black border-2 border-gray-200 px-4 py-6 rounded-lg transform transition duration-500 hover:scale-110 rounded-lg ">
<div class="m-8 h-96">
<div class=" m-2">Give Us a Burger</div>
<div class=" m-2 text-3xl">₹250/Month</div>
<div class=" m-2 mt-8">For intermediates</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Mentors Support</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">All Roardmaps</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Cybersecurity</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon>
<div class="">Website Designs</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">SSL</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-yellow-500"></ion-icon>
<div class="">App Developement</div>
</div>
<div class="flex">
<ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon>
<div class="">Data Structures & Algo</div>
</div>
</div>
<div class="flex justify-center">
<div
class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">
Subscribe</div>
</div>
</div>
<div
class=" bg-white m-4 shadow-xl min-h-99 w-30 flex flex-col justify-center text-black border-2 border-gray-200 px-4 py-6 rounded-lg transform transition duration-500 hover:scale-110 rounded-lg ">
<div class="new m-8 h-96">
<div class=" m-2">Give Us a Pizza</div>
<div class=" m-2 text-3xl">₹500/Month</div>
<div class=" m-2 mt-8">Pro </div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Mentors Support</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">All Roardmaps</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="new">Website Designs tailwindcss</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Ethical Hacking</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Kali Linux</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">App Developement</div>
</div>
<div class="flex">
<ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon>
<div class="">Data Structures & Algo </div>
</div>
</div>
<div class="flex justify-center">
<div
class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">
Subscribe</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Informations -->
<footer class="flex justify-center">
<div class="bg-black p-4 items-center">
<div class="flex justify-center pt-10 pb-14 md:pb-9"> <img class="w-2/5 md:w-[25%] lg:w-[18%] xl:w-[15%]"
src="cucet-footer-logo.png" alt="" srcset="" /> </div>
<div
class="space-y-9 grid grid-cols-1 md:grid-cols-2 md:pl-24 md:pr-16 lg:grid-cols-4 lg:px-7 xl:px-14 xl:ml-16">
<div class="text-[#6d6d6d] font-[650] text-[16px] leading-7">
<div class="flex justify-start md:mt-10">
<h1
class="text-white pb-[36px] font-sans uppercase font-normal tracking-wider underline underline-offset-[12px] decoration-red-500/90">
Information </h1> <span class="text-white font-sans uppercase font-normal tracking-wider"></span>
</div>
<p>Excoders is a team of dedicated individuals passionate about coding and programming. We specialize in
creating innovative projects using cutting-edge technology to make a positive impact on society.
Our goal is to inspire and empower people to begin their coding journey and learn valuable skills to
succeed in today's tech-driven world. </p>
</div>
<div class="text-[#747474] text-[15px] font-[550] leading-7 tracking-wide md:">
<div>
</div>
</div>
<div class="md:flex flex-col justify-between">
<div class="text-[#747474] text-[15px] font-[550] leading-7 tracking-wide">
<div class="flex justify-start">
<h1
class="text-white pb-[34px] font-sans uppercase font-normal tracking-wider underline underline-offset-[12px] decoration-red-500/90">
About </h1> <span class="text-white font-sans uppercase font-normal tracking-wider"></span>
</div>
<p class=""> <a class="hover:text-[#cacaca]" id = "top_page">Our Team</a> </p>
<p class=""> <a class="hover:text-[#cacaca]" href="projects.html">Projects</a> </p>
<p class=""> <a class="hover:text-[#cacaca]" href="#">Blogs</a> </p>
</div>
<div
class="text-[#747474] text-[15px] font-[550] leading-6 tracking-wide mt-9 md:order-5 md:pt-32 lg:pb-28">
<div class="flex justify-start md:-mt-32">
<h1
class="text-white pb-[38px] font-sans uppercase font-normal tracking-wider underline underline-offset-[12px] decoration-red-500/90">
Support </h1> <span class="text-white font-sans uppercase font-normal tracking-wider"></span>
</div>
<p class=""> <a href="faq.html" class="hover:text-[#cacaca]">FAQ's</a> </p>
</div>
</div>
<div class="text-[#797878] text-[15px] font-[550] leading-6 tracking-wide md:order-4 lg:">
<div class="flex justify-start">
<h1
class="text-white pb-[38px] font-sans uppercase font-normal tracking-wider underline underline-offset-[12px] decoration-red-500/90">
get in touch </h1> <span class="text-white font-sans uppercase font-normal tracking-wider"></span>
</div>
<p class="space-x-3"> <i class="fa fa-home text-[17px]"></i><strong
class="text-[#8b8b8b] text-[15px] tracking-wide">Kolkata, West Bengal</strong> </p>
<div class="leading-7">
<p class=""> 12 Old Nimta Rd, Nabin Pally <br /> Belgharia, West Bengal <br />
</p>
</div>
<div class="leading-7 mt-4 text-[15px] font-[500]">
<p class="space-x-3 hover:text-[#cacaca]"> <i class="fa fa-whatsapp text-[17px]"></i> <a
href="https://api.whatsapp.com/send/?phone=%2B919382845895&text&type=phone_number&app_absent=0" target="_blank">
Priyanshu Das ( <span class="text-[13px] font-[500]">General Enquiry</span> )</a> </p>
<p class="space-x-3 hover:text-[#cacaca]"> <i class="fa fa-whatsapp text-[17px]"></i> <a
href="https://wa.me/+917029660094" target="_blank">Rahul Kamilya ( <span
class="text-[13px] font-[500]">Technical Support </span> )
</a> </p>
<p class="space-x-3 hover:text-[#cacaca]"> <i class="fa fa-envelope text-[16px]"></i> <a
href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<p class="text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-0 sm:m-4 " style=" margin-bottom: 20px;">©
2023 —
<a href="#" class="text-gray-500 ml-1" target="_blank" rel="noopener noreferrer">Excoders all rights
reserved</a>
</p>
<div class="divide-y divide-[#747474] contrast-200 mt-3 mb-3 md:-mt-4 md:-mb-2 lg:-mt-16 xl:-mt-24">
<p> </p>
<p> </p>
</div>
<div class="flex justify-center mb-4 md:mb-1 text-[#afafaf] text-center text-xl space-x-3">
<p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[7px]"><i
class="fa fa-facebook"></i></a> </p>
<p> <a href="#"
class="w-10 h-10 bg-[#474747] transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[10px]"><svg class="ml-2.5" xmlns="http://www.w3.org/2000/svg " height="1em" viewBox="0 0 512 512"><style>svg{fill:#afafaf}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a> </p>
<p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[6px]"><i
class="fa fa-instagram"></i></a> </p>
<p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[6px]"><i
class="fa fa-linkedin"></i></a> </p>
<!-- <p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[6px]"><i
class="fa fa-youtube"></i></a> </p>
<p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[6px]"><i
class="fa fa-pinterest"></i></a> </p>
<p> <a href="#"
class="w-10 h-10 bg-[#474747] hover:text-blue-500 transform ease-in-out duration-500 hover:bg-white rounded-full inline-block pt-[6px]"><i
class="fa fa-telegram"></i></a> </p>
</div> -->
</div>
</div>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://use.fontawesome.com/03f8a0ebd4.js"></script>
<script src="./index.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://use.fontawesome.com/03f8a0ebd4.js"></script>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script>
document.getElementById('top_page').addEventListener('click', function() {
const content = document.getElementById('content');
const yOffset = content.getBoundingClientRect().top;
const yOffsetSmooth = yOffset - 10;
window.scrollTo({
top: yOffsetSmooth,
behavior: 'smooth'
});
});
</script>
</div>
</footer>
</body>
</html>