-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
executable file
·491 lines (486 loc) · 51.5 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Primary Meta Tags -->
<title>He4rt Developers</title>
<meta name="title" content="He4rt Developers">
<meta name="description" content="Uma comunidade de desenvolvedores ajudando os iniciantes do mundo da programação. A He4rt Developers já está formando várias mentes brilhantes que sairam do zero e passaram pro intermediário/avançado.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://heartdevs.com/">
<meta property="og:title" content="He4rt Developers">
<meta property="og:description" content="Uma comunidade de desenvolvedores ajudando os iniciantes do mundo da programação. A He4rt Developers já está formando várias mentes brilhantes que sairam do zero e passaram pro intermediário/avançado.">
<meta property="og:image" content="./public/images/meta-image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://heartdevs.com/">
<meta property="twitter:title" content="He4rt Developers">
<meta property="twitter:description" content="Uma comunidade de desenvolvedores ajudando os iniciantes do mundo da programação. A He4rt Developers já está formando várias mentes brilhantes que sairam do zero e passaram pro intermediário/avançado.">
<meta property="twitter:image" content="./public/images/meta-image.jpg">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="favicon2.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&family=Spline+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body class="w-screen h-screen dark:bg-gray-999 font-spline">
<header class="w-full lg:h-screen max-h-none md:max-h-[800px] max-w-6xl flex flex-col lg:flex-row items-center justify-between relative mx-auto" id="inicio">
<div class="flex flex-col w-4/4 px-6 relative z-10 lg:pb-11 mb-0 mt-1 lg:mt-0">
<div class="scroll-left-1 py-4">
<svg class="light w-10 cursor-pointer hidden" viewBox="0 0 24 24" stroke-width="1.5" fill="#e8e6e3" stroke-linecap="round" stroke-linejoin="round">
<path d="M 12 0 C 11.4 0 11 0.4 11 1 L 11 2 C 11 2.6 11.4 3 12 3 C 12.6 3 13 2.6 13 2 L 13 1 C 13 0.4 12.6 0 12 0 z M 4.1992188 3.1992188 C 3.9492188 3.1992187 3.7 3.3 3.5 3.5 C 3.1 3.9 3.1 4.5003906 3.5 4.9003906 L 4.1992188 5.5996094 C 4.5992187 5.9996094 5.1996094 5.9996094 5.5996094 5.5996094 C 5.9996094 5.1996094 5.9996094 4.5992188 5.5996094 4.1992188 L 4.9003906 3.5 C 4.7003906 3.3 4.4492188 3.1992188 4.1992188 3.1992188 z M 19.800781 3.1992188 C 19.550781 3.1992188 19.299609 3.3 19.099609 3.5 L 18.400391 4.1992188 C 18.000391 4.5992187 18.000391 5.1996094 18.400391 5.5996094 C 18.800391 5.9996094 19.400781 5.9996094 19.800781 5.5996094 L 20.5 4.9003906 C 20.9 4.5003906 20.9 3.9 20.5 3.5 C 20.3 3.3 20.050781 3.1992188 19.800781 3.1992188 z M 12 5 A 7 7 0 0 0 5 12 A 7 7 0 0 0 12 19 A 7 7 0 0 0 19 12 A 7 7 0 0 0 12 5 z M 1 11 C 0.4 11 0 11.4 0 12 C 0 12.6 0.4 13 1 13 L 2 13 C 2.6 13 3 12.6 3 12 C 3 11.4 2.6 11 2 11 L 1 11 z M 22 11 C 21.4 11 21 11.4 21 12 C 21 12.6 21.4 13 22 13 L 23 13 C 23.6 13 24 12.6 24 12 C 24 11.4 23.6 11 23 11 L 22 11 z M 4.9003906 18.099609 C 4.6503906 18.099609 4.3992188 18.200391 4.1992188 18.400391 L 3.5 19.099609 C 3.1 19.499609 3.1 20.1 3.5 20.5 C 3.9 20.9 4.5003906 20.9 4.9003906 20.5 L 5.5996094 19.800781 C 5.9996094 19.400781 5.9996094 18.800391 5.5996094 18.400391 C 5.3996094 18.200391 5.1503906 18.099609 4.9003906 18.099609 z M 19.099609 18.099609 C 18.849609 18.099609 18.600391 18.200391 18.400391 18.400391 C 18.000391 18.800391 18.000391 19.400781 18.400391 19.800781 L 19.099609 20.5 C 19.499609 20.9 20.1 20.9 20.5 20.5 C 20.9 20.1 20.9 19.499609 20.5 19.099609 L 19.800781 18.400391 C 19.600781 18.200391 19.349609 18.099609 19.099609 18.099609 z M 12 21 C 11.4 21 11 21.4 11 22 L 11 23 C 11 23.6 11.4 24 12 24 C 12.6 24 13 23.6 13 23 L 13 22 C 13 21.4 12.6 21 12 21 z"/>
</svg>
<svg class="dark w-10 cursor-pointer hidden" viewBox="0 0 24 24" stroke="#b755ff" stroke-width="1" fill="#b755ff" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" />
</svg>
</div>
<div class="scroll-header-left-1 w-28 md:w-32 lg:pb-6">
<img src="./public/images/logo.png"
alt="Imagem contendo um coração roxo representando a comunidade He4rtDevs.">
</div>
<h1 class="scroll-header-left-2 text-xl md:text-2xl lg:text-4xl text-gray-900 dark:text-gray-998 font-bold">Feito pela
<span class="text-purple-500 dark:text-purple-700">comunidade</span><br> para a
<span class="text-purple-500 dark:text-purple-700">comunidade</span></h1>
<p class="scroll-header-left-3 text-sm md:text-lg lg:text-xl font-sans text-gray-500 dark:text-gray-998 my-4 lg:my-3 w-10/12 md:w-8/12 lg:w-6/12">
Aqui é o lugar aonde mentes extraordinárias se encontram com o objetivo de alcançar milhares de pessoas
com o poder da tecnologia.
<span class="text-purple-500 dark:text-purple-700">Aqui mais do que participar, você vai contribuir.</span></p>
<div class="scroll-header-left-3 mt-3">
<a rel="noopener" tabindex="0" href="https://discord.com/invite/5kwDQuv" target="_blank" >
<button class="bg-transparent border-2 border-purple-500 dark:border-purple-700 rounded-3xl px-5 py-1 font-bold text-purple-500 dark:text-purple-700 dark:hover:text-gray-998 dark:hover:bg-purple-700 hover:bg-purple-500 hover:text-white transition-all">
Seja um membro</button></a>
</div>
</div>
<!--section card com swiper-->
<div class="scroll-header-right-1 swiper mySwiper flex items-center lg:absolute lg:left-1/2">
<div class="swiper-wrapper"></div>
<div class="hidden lg:flex swiper-button-prev dark:text-purple-700"></div>
<div class="hidden lg:flex swiper-button-next dark:text-purple-700"></div>
</div>
</header>
<!--svg campo direito superior-->
<svg style="width: 60%" viewBox="0 0 900 705" fill="none" xmlns="http://www.w3.org/2000/svg"
class="absolute top-0.5 right-0.5 md:right-2 md:top-2">
<path d="M1 1C22.9185 119.5 159.708 345.2 531.517 300C631.119 292.833 844.459 355 901 661" stroke="#782BF1"
stroke-width=".45rem" stroke-linecap="round" class="block md:hidden" />
<path d="M1 1C22.9185 119.5 159.708 345.2 531.517 300C631.119 292.833 844.459 355 901 661" stroke="#782BF1"
stroke-width="2" stroke-linecap="round" class="hidden md:block" />
</svg>
<svg width="60%" viewBox="0 0 896 658" fill="none" xmlns="http://www.w3.org/2000/svg"
class="absolute top-0 right-0">
<path d="M530.517 297C158.708 342.2 21.9185 116.5 0 -2H900V658C843.459 352 630.119 289.833 530.517 297Z"
fill="url(#paint0_linear_7_93)" />
<defs>
<linearGradient id="paint0_linear_7_93" x1="2.36829e-05" y1="-2.5001" x2="1014.438" y2="235.537"
gradientUnits="userSpaceOnUse">
<stop stop-color="#782BF1" />
<stop offset="1" stop-color="#A62BF1" />
<stop offset="1" stop-color="#7935D8" />
</linearGradient>
</defs>
<img src="./public/images/logoBg-Header.svg" alt="Imagem contendo um coração representando a comunidade He4rtDevs"
class="absolute top-0 right-0 w-2/4">
</svg>
<!--section o que e a he4rt?-->
<section id="section-o-que-e-a-he4rt" class="w-full max-w-6xl mx-auto px-6 xl:px-0 mb-11 lg:mb-28 min-h-max flex items-center">
<div class="hidden scroll-left-1 lg:w-4/12 mr-8 xl:mr-16 lg:flex justify-start items-center">
<div class="w-96">
<img alt="Uma equipe de desenvolvedores trabalhando em equipe, assim que descrevemos a he4rt Developers." src="/public/images/team.png">
</div>
</div>
<div class="md:w-12/12 lg:w-8/12">
<div class="flex flex-wrap">
<div class="md:w-12/12">
<div class="flex flex-col mt-4">
<div class="scroll-bottom-1 px-1 md:px-0 flex-auto">
<h2 class="mb-1 text-gray-700 dark:text-gray-998 font-bold text-xl md:text-3xl lg:text-4xl">
Afinal, o que é a
<span class="text-purple-500 dark:text-purple-700">He4rt Developers</span>?</h2>
<p class="mb-1 text-gray-500 dark:text-gray-998 text-sm md:text-xl lg:text-xl">
Temos como filosofia o ensino, tecnologia e as pessoas.
<span class="text-purple-500 dark:text-purple-700">Acreditamos que quando alinhados conseguimos mudar o mundo</span>.
Descubra uma cultura colaborativa de crescimento, originalidade, apoio e inclusão que podem fazer a diferença na sua vida.
<span class="text-purple-500 dark:text-purple-700">Ajude a moldar nossa comunidade: faça parte dela.</span></p>
</div>
</div>
<div class="scroll-bottom-2 flex flex-col mt-6 min-w-0">
<div class="flex-auto">
<h1 class="mb-1 text-gray-700 dark:text-gray-998 font-bold text-base md:text-3xl text lg:text-2xl">
Como posso me juntar a
<span class="text-purple-500 dark:text-purple-700">He4rt</span>?</h1>
<p class="mb-1 text-gray-500 dark:text-gray-998 text-sm md:text-lg lg:text-xl">
Faça parte do nosso
<span class="text-purple-500 dark:text-purple-700"> <a href="https://discord.com/invite/5kwDQuv"> Discord</a></span>
e contribua com diversos projetos que podem mudar a maneira como as pessoas aprendem ao redor do mundo.
<span class="text-purple-500 dark:text-purple-700">Acompanhe a He4rt nas redes sociais</span>
e descubra nossas iniciativas tecnologicas.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--4noobs-->
<section id="4noobs" class="min-h-min bg-bottom md:bg-left bg-no-repeat relative for-noobs-section__bg flex justify-center items-center p-6 xl:p-6">
<div class="flex flex-col items-center justify-center relative z-30 max-w-6xl mx-0 lg:mx-0">
<div class="text-left mt-8">
<h1 class="scroll-left-1 text-gray-200 md:mt-0 text-base md:text-lg lg:text-xl font-bold">
Educação sem barreiras.</h1>
<h2 class="scroll-left-2 font-bold text-white text-xl md:text-4xl mt-4">Conheça o <a href="https://github.com/he4rt/4noobs" target="_blank">
<span class="text-purple-500 dark:text-purple-700 dark:hover:text-purple-500 hover:text-purple-600 transition-all">4Noobs</span></a>,
uma biblioteca de cursos open-source feita pela comunidade.</h2>
<p class="scroll-left-3 text-gray-200 text-sm md:text-xl lg:text-xl mt-4">
Com apoio de profissionais e
estudantes apaixonados por tecnologia desenvolvemos a maior biblioteca open source do mundo para
você aprender, aprimorar e contribuir seus conhecimentos.</p>
<div class="grid grid-cols-1 mt-8 md:grid-cols-2 lg:grid-cols-3 gap-8 w-full pb-64 md:pb-10">
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="dark:text-gray-998 font-bold text-2xl">20</h2>
<p class="w-11/12 md:w-full dark:dark:text-gray-998">
<span class="font-bold">Linguagens de Programação</span>
- De front-end à back-end. Várias possibilidades para você aprender.</p>
</div>
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="font-bold text-2xl dark:text-gray-998">2</h2>
<p class="w-11/12 md:w-full dark:text-gray-998">
<span class="font-bold">Frameworks</span>
- Um conjunto de códigos prontos para facilitar o seu desenvolvimento.</p>
</div>
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="font-bold text-2xl dark:text-gray-998">5</h2>
<p class="w-11/12 md:w-full dark:text-gray-998">
<span class="font-bold">Ferramentas</span>
- Conheça as ferramentas que vão te ajudar como programador.</p>
</div>
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="font-bold text-2xl dark:text-gray-998">2</h2>
<p class="w-11/12 md:w-full dark:text-gray-998">
<span class="font-bold">Sistemas Operacionais</span>
- Saiba criar e utilizar os principais sistemas operacionais.</p>
</div>
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="font-bold text-2xl dark:text-gray-998">2</h2>
<p class="w-11/12 md:w-full dark:text-gray-998">
<span class="font-bold">Design</span>
- Da experiência do usuário a interfaces o céu é o seu limite.</p>
</div>
<div class="scroll-bottom-3 flex flex-col md:px-6 md:py-6 rounded-lg text-white md:bg-blue-700 md:hover:bg-blue-99 md:shadow-sm md:shadow-black/25">
<h2 class="font-bold text-2xl dark:text-gray-998">2</h2>
<p class="w-11/12 md:w-full dark:text-gray-998">
<span class="font-bold">Banco de Dados</span>
- Aprenda sobre estruturas,sistemas e dados.</p>
</div>
</div>
</div>
</div>
</section>
<!--Um pouco mais sobre a he4rt-->
<section id="sobre" class="mx-auto mt-11 lg:mt-28 lg:mb-20 px-6 xl:px-6 w-full max-w-6xl">
<div class="flex flex-col items-center justify-center w-full">
<div class="w-full">
<h2 class="scroll-left-1 font-bold text-gray-700 dark:text-gray-998 text-xl md:text-3xl lg:text-4xl">
Um pouco mais sobre a
<span class="text-purple-500 dark:text-purple-700">He4rt Devs</span>.
</h2>
<p class="scroll-left-2 text-gray-500 dark:text-gray-998 text-base md:text-xl lg:text-xl my-5">
Uma comunidade
extraordinária é formada por pessoas excepcionais. Com mais de 11 mil membros em nosso Discord e com
mais de 17 mil seguidores em nossas redes sociais, conseguimos mudar a maneira como a tecnologia
revoluciona o futuro, faça parte de uma equipe dedicada a mudar a histórias e criar carreiras de
sucessos. Não existem nada mais importante para nós do que nossos membros.</p>
</div>
</div>
<div class="mt-3 mb-5 md:mt-5 md:mb-10 lg:mt-11 lg:mb-20 mx-auto w-full max-w-6xl">
<div class="scroll-bottom-3 grid grid-cols-2 md:grid-cols-4 w-full">
<div class="flex justify-start sm:justify-center items-stretch">
<div>
<svg width="54" height="49" viewBox="0 0 54 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_467_41)">
<path d="M42 12.956C40.8973 13.4614 39.7117 13.7984 38.4609 13.9576C39.7327 13.1766 40.7108 11.931 41.17 10.4592C39.9801 11.181 38.6621 11.7109 37.2594 11.9902C36.1394 10.762 34.5419 10 32.7721 10C29.3721 10 26.6168 12.8261 26.6168 16.3103C26.6168 16.8033 26.6725 17.2837 26.7775 17.75C21.6629 17.4842 17.1267 14.969 14.0919 11.1516C13.5587 12.0842 13.2587 13.1766 13.2587 14.3293C13.2587 16.5201 14.343 18.4484 15.9962 19.5848C14.987 19.5527 14.0372 19.2625 13.2056 18.7967C13.2056 18.8158 13.2056 18.844 13.2056 18.8707C13.2056 21.9321 15.328 24.481 18.1411 25.0614C17.6268 25.2071 17.0836 25.288 16.5236 25.288C16.1259 25.288 15.7388 25.2413 15.3637 25.1717C16.147 27.6734 18.4195 29.5022 21.1118 29.556C19.0053 31.2457 16.3524 32.2576 13.4672 32.2576C12.9687 32.2576 12.4817 32.2283 12 32.1679C14.7249 33.9533 17.9614 35 21.4354 35C32.7558 35 38.9484 25.3826 38.9484 17.0397C38.9484 16.7663 38.94 16.494 38.9273 16.225C40.1361 15.3424 41.1773 14.2283 42 12.956Z" fill="#782BF1"/>
</g>
<defs>
<filter id="filter0_d_467_41" x="0" y="0" width="54" height="49" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.470588 0 0 0 0 0.168627 0 0 0 0 0.945098 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_467_41"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_467_41" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="my-2 sm:my-1 md:my-0">
<h2 class="text-gray-700 dark:text-gray-998 font-bold text-xs sm:text-base lg:text-xl w-2/2">Twitter</h2>
<p class="text-gray-500 dark:text-gray-998 text-xs sm:text-sm lg:text-base w-2/2" data-js="twitter-value">+ </p>
</div>
</div>
<div class="flex justify-end sm:justify-center items-stretch">
<div class="flex justify-end sm:justify-center items-stretch">
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.2539 27C32.2539 28.7971 30.7971 30.2539 29 30.2539C27.2029 30.2539 25.7461 28.7971 25.7461 27C25.7461 25.2029 27.2029 23.7461 29 23.7461C30.7971 23.7461 32.2539 25.2029 32.2539 27Z" fill="#782BF1"/>
<path d="M36.6098 21.2428C36.4534 20.819 36.2038 20.4353 35.8796 20.1204C35.5647 19.7961 35.1813 19.5466 34.7572 19.3902C34.4132 19.2566 33.8965 19.0976 32.9447 19.0543C31.9152 19.0073 31.6065 18.9972 29.0001 18.9972C26.3934 18.9972 26.0847 19.007 25.0554 19.054C24.1036 19.0976 23.5867 19.2566 23.243 19.3902C22.8188 19.5466 22.4352 19.7961 22.1205 20.1204C21.7963 20.4353 21.5467 20.8187 21.3901 21.2428C21.2565 21.5868 21.0975 22.1038 21.0541 23.0555C21.0072 24.0848 20.9971 24.3935 20.9971 27.0002C20.9971 29.6066 21.0072 29.9153 21.0541 30.9449C21.0975 31.8966 21.2565 32.4133 21.3901 32.7573C21.5467 33.1814 21.796 33.5648 22.1203 33.8797C22.4352 34.204 22.8186 34.4535 23.2427 34.6099C23.5867 34.7438 24.1036 34.9028 25.0554 34.9461C26.0847 34.9931 26.3931 35.0029 28.9998 35.0029C31.6068 35.0029 31.9155 34.9931 32.9445 34.9461C33.8962 34.9028 34.4132 34.7438 34.7572 34.6099C35.6085 34.2815 36.2814 33.6086 36.6098 32.7573C36.7434 32.4133 36.9024 31.8966 36.946 30.9449C36.9929 29.9153 37.0028 29.6066 37.0028 27.0002C37.0028 24.3935 36.9929 24.0848 36.946 23.0555C36.9027 22.1038 36.7437 21.5868 36.6098 21.2428V21.2428ZM29.0001 32.0126C26.2315 32.0126 23.9872 29.7685 23.9872 26.9999C23.9872 24.2314 26.2315 21.9873 29.0001 21.9873C31.7684 21.9873 34.0127 24.2314 34.0127 26.9999C34.0127 29.7685 31.7684 32.0126 29.0001 32.0126ZM34.2109 22.9606C33.5639 22.9606 33.0394 22.4361 33.0394 21.7891C33.0394 21.1422 33.5639 20.6177 34.2109 20.6177C34.8578 20.6177 35.3823 21.1422 35.3823 21.7891C35.3821 22.4361 34.8578 22.9606 34.2109 22.9606Z" fill="#782BF1"/>
<g filter="url(#filter0_d_467_46)">
<path d="M29 10C19.6126 10 12 17.6126 12 27C12 36.3874 19.6126 44 29 44C38.3874 44 46 36.3874 46 27C46 17.6126 38.3874 10 29 10ZM38.7028 31.0246C38.6556 32.0637 38.4904 32.7732 38.2491 33.3942C37.742 34.7055 36.7055 35.742 35.3942 36.2491C34.7735 36.4904 34.0637 36.6554 33.0248 36.7028C31.9839 36.7503 31.6513 36.7617 29.0003 36.7617C26.3489 36.7617 26.0166 36.7503 24.9754 36.7028C23.9365 36.6554 23.2268 36.4904 22.6061 36.2491C21.9545 36.004 21.3646 35.6198 20.8769 35.1231C20.3804 34.6357 19.9962 34.0455 19.7511 33.3942C19.5099 32.7735 19.3446 32.0637 19.2974 31.0248C19.2494 29.9836 19.2383 29.6511 19.2383 27C19.2383 24.3489 19.2494 24.0164 19.2972 22.9754C19.3444 21.9363 19.5094 21.2268 19.7506 20.6058C19.9957 19.9545 20.3802 19.3643 20.8769 18.8769C21.3643 18.3802 21.9545 17.996 22.6058 17.7509C23.2268 17.5096 23.9363 17.3446 24.9754 17.2972C26.0164 17.2497 26.3489 17.2383 29 17.2383C31.6511 17.2383 31.9836 17.2497 33.0246 17.2974C34.0637 17.3446 34.7732 17.5096 35.3942 17.7506C36.0455 17.9957 36.6357 18.3802 37.1234 18.8769C37.6198 19.3646 38.0043 19.9545 38.2491 20.6058C38.4906 21.2268 38.6556 21.9363 38.7031 22.9754C38.7506 24.0164 38.7617 24.3489 38.7617 27C38.7617 29.6511 38.7506 29.9836 38.7028 31.0246V31.0246Z" fill="#782BF1"/>
</g>
<defs>
<filter id="filter0_d_467_46" x="0" y="0" width="58" height="58" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.470588 0 0 0 0 0.168627 0 0 0 0 0.945098 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_467_46"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_467_46" result="shape"/>
</filter>
</defs>
</svg>
<div class="my-3 sm:my-1">
<h2 class="text-gray-700 dark:text-gray-998 font-bold text-xs sm:text-base lg:text-xl w-2/2">Instagram</h2>
<p class="text-gray-500 dark:text-gray-998 text-xs sm:text-sm lg:text-base w-2/2" data-js="instagram-value">+ </p>
</div>
</div>
</div>
<div class="flex justify-start sm:justify-center items-stretch">
<div>
<svg width="54" height="55" viewBox="0 0 54 55" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_467_47)">
<path d="M27 10.8125C18.716 10.8125 12 17.5285 12 25.8125C12 32.8954 16.9108 38.8279 23.5125 40.4006C23.171 40.3192 22.8323 40.2281 22.5 40.1242V36.6875C22.5 36.6875 21.9375 36.875 21.1875 36.875C19.0892 36.875 18.2175 35.0029 18 34.0625C17.8679 33.4896 17.5229 32.9467 17.1525 32.615C16.71 32.2204 16.5029 32.2192 16.5 32.0842C16.4942 31.801 16.8796 31.8125 17.0625 31.8125C18 31.8125 18.7108 32.81 19.0408 33.3258C19.8583 34.599 20.7358 34.8125 21.1875 34.8125C21.75 34.8125 22.2358 34.7283 22.5704 34.5667C22.725 33.4775 23.2096 32.5071 24 31.8125C20.4825 31.1092 18 29.0917 18 25.8125C18 24.1233 18.6779 22.5708 19.8075 21.3171C19.6921 20.99 19.5 20.3283 19.5 19.25C19.5 18.5375 19.5496 17.6629 19.875 16.8125C19.875 16.8125 22.0142 16.8275 24.0317 18.7383C24.9629 18.4671 25.9592 18.3125 27 18.3125C28.0408 18.3125 29.0371 18.4671 29.9683 18.7383C31.9858 16.8275 34.125 16.8125 34.125 16.8125C34.4521 17.6629 34.5 18.5375 34.5 19.25C34.5 20.4125 34.3454 21.0904 34.2508 21.3829C35.3458 22.625 36 24.1533 36 25.8125C36 29.0917 33.5175 31.1092 30 31.8125C30.9392 32.6375 31.5 33.8392 31.5 35.1875V40.1242C31.1677 40.2287 30.8296 40.3192 30.4875 40.4006C37.0892 38.8279 42 32.8954 42 25.8125C42 17.5285 35.284 10.8125 27 10.8125ZM28.046 40.7721C27.7004 40.7963 27.3519 40.8125 27 40.8125C27.3519 40.8125 27.6998 40.7958 28.046 40.7721ZM30.3381 40.4352C29.6665 40.5881 28.9783 40.6954 28.2756 40.7548C28.9783 40.6954 29.6665 40.5875 30.3381 40.4352ZM27 40.8125C26.6481 40.8125 26.2996 40.7963 25.954 40.7721C26.3002 40.7958 26.6481 40.8125 27 40.8125ZM25.7238 40.7548C25.0217 40.6954 24.3329 40.5881 23.6619 40.4352C24.3335 40.5875 25.0217 40.6954 25.7238 40.7548Z" fill="#782BF1"/>
</g>
<defs>
<filter id="filter0_d_467_47" x="0" y="0.8125" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.470588 0 0 0 0 0.168627 0 0 0 0 0.945098 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_467_47"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_467_47" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="my-3 sm:my-1">
<h2 class="text-gray-700 dark:text-gray-998 font-bold text-xs sm:text-base lg:text-xl w-2/2">GitHub</h2>
<p class="text-gray-500 dark:text-gray-998 text-xs sm:text-sm lg:text-base w-2/2" data-js="github-value">+ </p>
</div>
</div>
<div class="flex justify-end sm:justify-center items-stretch">
<div>
<svg width="52" height="54" viewBox="0 0 52 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_467_50)">
<path d="M15.225 36.495H33.0488L32.1975 33.7387L34.2338 35.4862L36.1 37.1587L39.5 40V13.0937C39.415 11.4212 37.975 10 36.19 10L15.2313 10.0037C13.4475 10.0037 12 11.4275 12 13.1V33.4C12 35.1637 13.445 36.495 15.225 36.495V36.495ZM28.41 17.1037L28.3688 17.1187L28.3838 17.1037H28.41ZM18.8713 18.69C21.1625 17.0225 23.2863 17.1025 23.2863 17.1025L23.4575 17.2712C20.6538 17.94 19.3825 19.1925 19.3825 19.1925C19.3825 19.1925 19.7225 19.0262 20.3163 18.7725C24.0925 17.2875 28.2163 17.395 32.0338 19.275C32.0338 19.275 30.76 18.1037 28.1288 17.3537L28.3613 17.125C28.725 17.1262 30.65 17.1937 32.71 18.7C32.71 18.7 35.015 22.6375 35.015 27.475C34.9388 27.3825 33.585 29.5575 30.1013 29.6325C30.1013 29.6325 29.5113 28.965 29.0913 28.3825C31.1288 27.7975 31.8913 26.6275 31.8913 26.6275C31.2225 27.0487 30.6125 27.2987 30.1175 27.5487C29.3563 27.8837 28.5938 28.0487 27.8325 28.2175C24.2275 28.8025 22.2038 27.8237 20.2913 27.0475L19.6375 26.715C19.6375 26.715 20.3988 27.885 22.355 28.47C21.8413 29.0562 21.3325 29.7225 21.3325 29.7225C17.85 29.64 16.58 27.465 16.58 27.465C16.58 22.62 18.8713 18.69 18.8713 18.69V18.69Z" fill="#782BF1"/>
</g>
<path d="M28.635 25.9637C29.5237 25.9637 30.2475 25.2137 30.2475 24.2887C30.2475 23.37 29.5275 22.62 28.635 22.62V22.6237C27.75 22.6237 27.025 23.3712 27.0225 24.2962C27.0225 25.2137 27.7462 25.9637 28.635 25.9637Z" fill="#782BF1"/>
<path d="M22.8625 25.9637C23.7513 25.9637 24.475 25.2137 24.475 24.2887C24.475 23.37 23.7563 22.62 22.8675 22.62L22.8625 22.6237C21.9738 22.6237 21.25 23.3712 21.25 24.2962C21.25 25.2137 21.9738 25.9637 22.8625 25.9637V25.9637Z" fill="#782BF1"/>
<defs>
<filter id="filter0_d_467_50" x="0" y="0" width="51.5" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.470588 0 0 0 0 0.168627 0 0 0 0 0.945098 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_467_50"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_467_50" result="shape"/>
</filter>
</defs>
</svg>
</div>
<div class="my-2 sm:my-1">
<h2 class="text-gray-700 dark:text-gray-998 font-bold text-xs sm:text-base lg:text-xl w-2/2">Discord</h2>
<p class="text-gray-500 dark:text-gray-998 text-xs sm:text-sm lg:text-base w-2/2" data-js="discord-value">+ </p>
</div>
</div>
</div>
</div>
</section>
<!--hea4rtconf-->
<section class="mx-auto lg:mb-20 px-6 xl:px-6 w-full max-w-6xl">
<div class="flex flex-col items-center justify-center w-full">
<div class="pb-10 w-full">
<h2 class="scroll-bottom-1 text-gray-700 dark:text-gray-998 font-bold text-lg md:text-3xl lg:text-4xl">
Conheça a He4rt Conf, um dos maiores eventos de Tech do ano de 2021.</h2>
<p class="scroll-bottom-2 text-gray-500 dark:text-gray-998 text-base md:text-lg lg:text-xl my-5">
A inovação é liderada por pessoas que sabem o que fazem, sejam elas profissionais jovens em início de carreira ou
especialistas com anos de experiência. Na He4rt, o ensino não depende só de indivíduos brilhantes,
mas de uma comunidade com foco no futuro, e não no passado. Promovemos essa cultura e damos espaço
para essas pessoas assumirem responsabilidades com o mundo. </p>
</div>
<div class="scroll-bottom-3 flex items-center justify-around w-full">
<div class="w-2/4 m-1 md:w-52 lg:w-60 relative h-fit rounded-xl bg-white dark:bg-gradient-to-b from-gray-100 to-gray-150 shadow-md before:absolute before:inset-0 before:-bottom-1 before:top-1 before:-z-10 before:rounded-xl before:bg-purple-500 dark:before:bg-purple-450">
<div class="flex flex-col justify-center items-center">
<h2 class="text-purple-500 dark:text-purple-450 font-bold pt-5 pb-1 px-4 lg:pt-8 lg:pb-1 lg:px-14 text-base sm:text-xl lg:text-3xl">
+ 4,677</h2>
<p class="sm:hidden text-center text-gray-500 dark:text-gray-998 pb-2 text-xs">
Espectadores <br> simutâneos</p>
<p class="hidden sm:flex text-center text-gray-500 dark:text-gray-998 pb-6 lg:pb-8 md:text-base lg:text-lg">
Espectadores simutâneos</p>
</div>
</div>
<div class="w-2/4 m-1 md:w-52 lg:w-60 relative h-min rounded-xl bg-white dark:bg-gradient-to-b from-gray-100 to-gray-150 shadow-md before:absolute before:inset-0 before:-bottom-1 before:top-1 before:-z-10 before:rounded-xl before:bg-blue-100">
<div class="flex flex-col justify-center items-center">
<h2 class="text-blue-100 pt-5 pb-1 px-2 lg:pt-8 lg:pb-1 lg:px-13 text-base sm:text-xl lg:text-3xl font-bold">
+ 70,980</h2>
<p class=" sm:hidden text-center text-gray-500 dark:text-gray-998 text-xs pb-2">
Espectadores <br> únicos</p>
<p class=" hidden sm:flex text-center text-gray-500 dark:text-gray-998 md:text-base lg:text-lg pb-6 lg:pb-8">
Espectadores únicos</p>
</div>
</div>
<div class="w-2/4 m-1 md:w-52 lg:w-60 relative h-fit rounded-xl bg-white dark:bg-gradient-to-b from-gray-100 to-gray-150 shadow-md before:absolute before:inset-0 before:-bottom-1 before:top-1 before:-z-10 before:rounded-xl before:bg-green">
<div class="flex flex-col justify-center items-center">
<h2 class="text-green pt-5 pb-1 px-5 lg:pt-8 lg:pb-1 lg:px-14 text-base sm:text-xl lg:text-3xl font-bold">
+ 13</h2>
<p class="md:flex text-gray-500 dark:text-gray-998 text-sm sm:text-base lg:text-lg pb-5 lg:pb-8">
Palestras</p>
</div>
</div>
</div>
</div>
</section>
<!--oq eu encontrarei na he4rt-->
<section
class="w-full bg-left bg-no-repeat bg-contain relative flex justify-center max-w-6xl mx-auto mt-16 mb-40 px-6 xl:px-6">
<div class="flex flex-col items-center justify-center relative z-30 w-full">
<div class="text-left w-full">
<h2 class="scroll-bottom-1 font-bold text-gray-700 dark:text-gray-998 text-xl md:text-3xl lg:text-4xl">
O que eu encontrarei na He4rt?</h2>
<p class="scroll-bottom-2 text-gray-500 dark:text-gray-998 text-base md:text-xl lg:text-xl my-5">
Nós temos os recursos para levar qualquer ideia para frente, nenhum sonho é louco demais para nós.
Descubra como desenvolver
projetos que revolucionam a maneira de aprender.</p>
<div class="scroll-bottom-3 grid grid-cols-1 md:grid-cols-2 gap-x-0">
<div class="flex flex-col items-start pr-16 my-5 md:border-r-2 border-pink-500 dark:border-purple-400">
<div class="icon__bg-rounded mx-2 mb-6">
<svg width="1.3rem" height="1.3rem" viewBox="0 0 21 19" fill="none">
<path
d="M10.5 11.5834L19.875 6.37502L10.5 1.16669L1.125 6.37502L10.5 11.5834ZM10.5 11.5834L16.9157 8.01904C17.481 9.44438 17.7917 10.9984 17.7917 12.625C17.7917 13.3555 17.729 14.0714 17.6087 14.7676C14.8899 15.0319 12.4261 16.1673 10.5 17.8912C8.57392 16.1673 6.11012 15.0319 3.39127 14.7676C3.27101 14.0714 3.20833 13.3555 3.20833 12.6249C3.20833 10.9983 3.519 9.44435 4.08424 8.01903L10.5 11.5834ZM6.33333 17.8333V10.0209L10.5 7.70604"
stroke="url(#paint0_linear_418_96)" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<defs>
<linearGradient id="paint0_linear_418_96" x1="1.12264" y1="7.33893" x2="18.1349"
y2="7.21864" gradientUnits="userSpaceOnUse">
<stop stop-color="#782BF1" />
<stop offset="1" stop-color="#7935D8" />
</linearGradient>
</defs>
</svg>
</div>
<h2 class= "font-bold text-gray-900 dark:text-gray-998 text-xl md:text-2xl mt-2 mb-4">
Desenvolvendo habilidades</h2>
<p class="text-gray-500 dark:text-gray-998 text-lg">
Ajude, contribua e retire suas dúvidas em qualquer área da tecnologia com nossa comunidade!</p>
</div>
<div class="flex flex-col items-start my-5 md:pl-28">
<div class="icon__bg-rounded mx-2 mb-6">
<svg width="1.3rem" height="1.3rem" viewBox="0 0 20 26" fill="none">
<path
d="M6.95711 14.7929C6.56658 14.4024 5.93342 14.4024 5.54289 14.7929C5.15237 15.1834 5.15237 15.8166 5.54289 16.2071L6.95711 14.7929ZM8.75 18L8.04289 18.7071C8.43342 19.0976 9.06658 19.0976 9.45711 18.7071L8.75 18ZM14.4571 13.7071C14.8476 13.3166 14.8476 12.6834 14.4571 12.2929C14.0666 11.9024 13.4334 11.9024 13.0429 12.2929L14.4571 13.7071ZM17.75 6.75V21.75H19.75V6.75H17.75ZM16.25 23.25H3.75V25.25H16.25V23.25ZM2.25 21.75V6.75H0.25V21.75H2.25ZM3.75 5.25H6.25V3.25H3.75V5.25ZM13.75 5.25H16.25V3.25H13.75V5.25ZM3.75 23.25C2.92157 23.25 2.25 22.5784 2.25 21.75H0.25C0.25 23.683 1.817 25.25 3.75 25.25V23.25ZM17.75 21.75C17.75 22.5784 17.0784 23.25 16.25 23.25V25.25C18.183 25.25 19.75 23.683 19.75 21.75H17.75ZM19.75 6.75C19.75 4.817 18.183 3.25 16.25 3.25V5.25C17.0784 5.25 17.75 5.92157 17.75 6.75H19.75ZM2.25 6.75C2.25 5.92157 2.92157 5.25 3.75 5.25V3.25C1.817 3.25 0.25 4.817 0.25 6.75H2.25ZM5.54289 16.2071L8.04289 18.7071L9.45711 17.2929L6.95711 14.7929L5.54289 16.2071ZM9.45711 18.7071L14.4571 13.7071L13.0429 12.2929L8.04289 17.2929L9.45711 18.7071ZM8.75 2.75H11.25V0.75H8.75V2.75ZM11.25 5.75H8.75V7.75H11.25V5.75ZM8.75 5.75C7.92157 5.75 7.25 5.07843 7.25 4.25H5.25C5.25 6.183 6.817 7.75 8.75 7.75V5.75ZM12.75 4.25C12.75 5.07843 12.0784 5.75 11.25 5.75V7.75C13.183 7.75 14.75 6.183 14.75 4.25H12.75ZM11.25 2.75C12.0784 2.75 12.75 3.42157 12.75 4.25H14.75C14.75 2.317 13.183 0.75 11.25 0.75V2.75ZM8.75 0.75C6.817 0.75 5.25 2.317 5.25 4.25H7.25C7.25 3.42157 7.92157 2.75 8.75 2.75V0.75Z"
fill="#782BF1" />
</svg>
</div>
<h2 class= "font-bold text-gray-900 dark:text-gray-998 text-xl md:text-2xl mt-2 mb-4">
Projetos</h2>
<p class="text-gray-500 dark:text-gray-998 text-lg">
Aprimore e contribua com nossos projetos, evolua constantemente
e mostre suas habilidades.</p>
</div>
<div class="flex flex-col items-start my-5 pr-16 md:border-r-2 md:border-r-2 border-pink-500 dark:border-purple-400">
<div class="icon__bg-rounded mx-2 mb-6">
<svg width="1.3rem" height="1.3rem" viewBox="0 0 21 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3.20833 1.125V5.29167M1.125 3.20833H5.29167M4.25 15.7083V19.875M2.16667 17.7917H6.33333M11.5417 1.125L13.9226 8.26786L19.875 10.5L13.9226 12.7321L11.5417 19.875L9.16071 12.7321L3.20833 10.5L9.16071 8.26786L11.5417 1.125Z"
stroke="#782BF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<h2 class= "font-bold text-gray-900 dark:text-gray-998 text-xl md:text-2xl mt-2 mb-4">
Eventos</h2>
<p class="text-gray-500 dark:text-gray-998 text-lg">
Participe dos eventos exclusivos da comunidade e receba
diversos prêmios por isso!</p>
</div>
<div class="flex flex-col items-start my-5 md:pl-28">
<div class="icon__bg-rounded mx-2 mb-6">
<svg width="1.3rem" height="1.3rem" viewBox="0 0 23 19" fill="none">
<path
d="M16.7085 17.8334H21.9168V15.75C21.9168 14.0241 20.5177 12.625 18.7918 12.625C17.7964 12.625 16.9097 13.0904 16.3374 13.8155M16.7085 17.8334H6.29183M16.7085 17.8334V15.75C16.7085 15.0664 16.5768 14.4136 16.3374 13.8155M6.29183 17.8334H1.0835V15.75C1.0835 14.0241 2.48261 12.625 4.2085 12.625C5.20392 12.625 6.09064 13.0904 6.66292 13.8155M6.29183 17.8334V15.75C6.29183 15.0664 6.42352 14.4136 6.66292 13.8155M6.66292 13.8155C7.4309 11.8969 9.30726 10.5417 11.5002 10.5417C13.6931 10.5417 15.5694 11.8969 16.3374 13.8155M14.6252 4.29169C14.6252 6.01758 13.2261 7.41669 11.5002 7.41669C9.77427 7.41669 8.37516 6.01758 8.37516 4.29169C8.37516 2.5658 9.77427 1.16669 11.5002 1.16669C13.2261 1.16669 14.6252 2.5658 14.6252 4.29169ZM20.8752 7.41669C20.8752 8.56728 19.9424 9.50002 18.7918 9.50002C17.6412 9.50002 16.7085 8.56728 16.7085 7.41669C16.7085 6.26609 17.6412 5.33335 18.7918 5.33335C19.9424 5.33335 20.8752 6.26609 20.8752 7.41669ZM6.29183 7.41669C6.29183 8.56728 5.35909 9.50002 4.2085 9.50002C3.0579 9.50002 2.12516 8.56728 2.12516 7.41669C2.12516 6.26609 3.0579 5.33335 4.2085 5.33335C5.35909 5.33335 6.29183 6.26609 6.29183 7.41669Z"
stroke="#782BF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<h2 class= "font-bold text-gray-900 dark:text-gray-998 text-xl md:text-2xl mt-2 mb-4">
Networking</h2>
<p class="text-gray-500 dark:text-gray-998 text-lg">
Tenha oportunidade de conhecer milhares de pessoas com o mesmo
interesse que você.</p>
</div>
</div>
</div>
</div>
</section>
<!--footer-->
<footer class=" w-full bg-blue-900 dark:bg-gray-100 flex items-center justify-center">
<div class="flex flex-col text-gray-300 my-10 md:my-16">
<ul class="flex scroll-bottom-1 justify-between font-sans text-sm mx-5 md:mx-0">
<li>
<a rel="noopener" href="#inicio" class="font-semibold hover:text-purple-500 md:text-base">Início</a>
</li>
<li>
<a rel="noopener" href="#4noobs" class="font-semibold hover:text-purple-500 md:text-base">4Noobs</a>
</li>
<li>
<a rel="noopener" href="#sobre" class="font-semibold hover:text-purple-500 md:text-base">Sobre</a>
</li>
<li>
<a rel="noopener" href="https://discord.com/invite/5kwDQuv" target="_blank"
class="font-semibold hover:text-purple-500 transition md:text-base">Discord</a>
</li>
</ul>
<div class="flex justify-center items-center my-10">
<a rel="noopener" href="https://www.instagram.com/heartdevs/" class="scroll-bottom-2 mx-5" aria-label="Instagram da He4rtDevs">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
class="hover:-translate-y-0.5 transform-gpu transition-all hover:font-purple-500 footer__icons">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.315 0C12.745 0 13.099 0.0129999 14.123 0.0599999C15.187 0.109 15.914 0.278 16.55 0.525C17.2175 0.775874 17.8222 1.16936 18.322 1.678C18.8306 2.17777 19.2241 2.7825 19.475 3.45C19.722 4.086 19.891 4.813 19.94 5.877C19.988 6.944 20 7.284 20 10V10.08C20 12.723 19.988 13.067 19.94 14.123C19.891 15.187 19.722 15.914 19.475 16.55C19.2241 17.2175 18.8306 17.8222 18.322 18.322C17.8222 18.8306 17.2175 19.2241 16.55 19.475C15.914 19.722 15.187 19.891 14.123 19.94C13.056 19.988 12.716 20 10 20H9.92C7.277 20 6.933 19.988 5.877 19.94C4.813 19.891 4.086 19.722 3.45 19.475C2.7825 19.2241 2.17777 18.8306 1.678 18.322C1.16936 17.8222 0.775874 17.2175 0.525 16.55C0.278 15.914 0.109 15.187 0.0599999 14.123C0.0129999 13.099 0 12.744 0 10.315V9.685C0 7.255 0.0129999 6.901 0.0599999 5.877C0.109 4.813 0.278 4.086 0.525 3.45C0.775874 2.7825 1.16936 2.17777 1.678 1.678C2.17777 1.16936 2.7825 0.775874 3.45 0.525C4.086 0.278 4.813 0.109 5.877 0.0599999C6.901 0.0129999 7.256 0 9.685 0H10.315ZM10.234 1.802H9.766C7.31 1.802 6.982 1.813 5.959 1.86C4.984 1.905 4.455 2.067 4.102 2.204C3.635 2.386 3.302 2.602 2.952 2.952C2.602 3.302 2.386 3.635 2.204 4.102C2.067 4.455 1.904 4.984 1.86 5.959C1.813 6.982 1.802 7.31 1.802 9.766V10.234C1.802 12.69 1.813 13.018 1.86 14.041C1.905 15.016 2.067 15.545 2.204 15.898C2.386 16.364 2.603 16.698 2.952 17.048C3.302 17.398 3.635 17.614 4.102 17.796C4.455 17.933 4.984 18.096 5.959 18.14C7.013 18.188 7.329 18.198 10 18.198H10.08C12.677 18.198 12.997 18.188 14.04 18.14C15.016 18.095 15.545 17.933 15.898 17.796C16.364 17.614 16.698 17.398 17.048 17.048C17.398 16.698 17.614 16.365 17.796 15.898C17.933 15.545 18.096 15.016 18.14 14.041C18.188 12.986 18.198 12.671 18.198 10V9.92C18.198 7.323 18.188 7.003 18.14 5.96C18.095 4.984 17.933 4.455 17.796 4.102C17.6358 3.66757 17.3802 3.2746 17.048 2.952C16.7254 2.61986 16.3324 2.36426 15.898 2.204C15.545 2.067 15.016 1.904 14.041 1.86C13.018 1.813 12.69 1.802 10.234 1.802ZM10 4.865C10.6743 4.865 11.3421 4.99782 11.9651 5.25588C12.5881 5.51394 13.1542 5.89218 13.631 6.36901C14.1078 6.84584 14.4861 7.41191 14.7441 8.03492C15.0022 8.65793 15.135 9.32566 15.135 10C15.135 10.6743 15.0022 11.3421 14.7441 11.9651C14.4861 12.5881 14.1078 13.1542 13.631 13.631C13.1542 14.1078 12.5881 14.4861 11.9651 14.7441C11.3421 15.0022 10.6743 15.135 10 15.135C8.63811 15.135 7.33201 14.594 6.36901 13.631C5.40601 12.668 4.865 11.3619 4.865 10C4.865 8.63811 5.40601 7.33201 6.36901 6.36901C7.33201 5.40601 8.63811 4.865 10 4.865ZM10 6.667C9.11603 6.667 8.26827 7.01815 7.64321 7.64321C7.01815 8.26827 6.667 9.11603 6.667 10C6.667 10.884 7.01815 11.7317 7.64321 12.3568C8.26827 12.9818 9.11603 13.333 10 13.333C10.884 13.333 11.7317 12.9818 12.3568 12.3568C12.9818 11.7317 13.333 10.884 13.333 10C13.333 9.11603 12.9818 8.26827 12.3568 7.64321C11.7317 7.01815 10.884 6.667 10 6.667ZM15.338 3.462C15.6563 3.462 15.9615 3.58843 16.1865 3.81347C16.4116 4.03852 16.538 4.34374 16.538 4.662C16.538 4.98026 16.4116 5.28548 16.1865 5.51053C15.9615 5.73557 15.6563 5.862 15.338 5.862C15.0197 5.862 14.7145 5.73557 14.4895 5.51053C14.2644 5.28548 14.138 4.98026 14.138 4.662C14.138 4.34374 14.2644 4.03852 14.4895 3.81347C14.7145 3.58843 15.0197 3.462 15.338 3.462Z"
fill="#9CA3AF" />
</svg>
</a>
<a rel="noopener" href="https://twitter.com/He4rtDevs" class="scroll-bottom-2 mx-5"
aria-label="Perfil no Twitter da He4rtDevs">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"
class="hover:-translate-y-0.5 transform-gpu transition-all hover:font-purple-500 footer__icons">
<path
d="M6.29 16.2534C13.837 16.2534 17.965 10.0004 17.965 4.5784C17.965 4.4004 17.965 4.2234 17.953 4.0484C18.7562 3.46693 19.4493 2.74701 20 1.9224C19.2511 2.2544 18.4566 2.47216 17.643 2.5684C18.4996 2.05546 19.1408 1.24875 19.447 0.298398C18.6417 0.776285 17.7607 1.11313 16.842 1.2944C16.2234 0.636163 15.405 0.200233 14.5136 0.0541031C13.6222 -0.0920265 12.7075 0.0597974 11.9111 0.486067C11.1147 0.912337 10.4811 1.58927 10.1083 2.41206C9.7355 3.23485 9.64437 4.15758 9.849 5.0374C8.21759 4.95564 6.6216 4.53172 5.16465 3.79317C3.70769 3.05461 2.42233 2.01792 1.392 0.750398C0.867318 1.6536 0.706589 2.72282 0.942536 3.74036C1.17848 4.75791 1.79337 5.64728 2.662 6.2274C2.00926 6.2085 1.37063 6.0329 0.8 5.7154V5.7674C0.800389 6.71469 1.1284 7.6327 1.7284 8.36576C2.3284 9.09881 3.16347 9.60179 4.092 9.7894C3.48781 9.95411 2.85389 9.97806 2.239 9.8594C2.50116 10.6749 3.01168 11.388 3.69913 11.899C4.38658 12.41 5.21657 12.6934 6.073 12.7094C5.22212 13.378 4.24779 13.8722 3.20573 14.1639C2.16367 14.4556 1.07432 14.539 0 14.4094C1.8766 15.6137 4.06019 16.2525 6.29 16.2494"
fill="#9CA3AF" />
</svg>
</a>
<a rel="noopener" href="https://github.com/he4rt" class="scroll-bottom-2 mx-5"
aria-label="Repositório do Github na He4rtDevs">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
class="hover:-translate-y-0.5 transform-gpu transition-all hover:font-purple-500 footer__icons">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10 0C4.477 0 0 4.484 0 10.017C0 14.442 2.865 18.197 6.839 19.521C7.339 19.613 7.521 19.304 7.521 19.038C7.521 18.801 7.513 18.17 7.508 17.335C4.726 17.94 4.139 15.992 4.139 15.992C3.685 14.834 3.029 14.526 3.029 14.526C2.121 13.906 3.098 13.918 3.098 13.918C4.101 13.988 4.629 14.95 4.629 14.95C5.521 16.48 6.97 16.038 7.539 15.782C7.631 15.135 7.889 14.694 8.175 14.444C5.955 14.191 3.62 13.331 3.62 9.493C3.62 8.4 4.01 7.505 4.649 6.805C4.546 6.552 4.203 5.533 4.747 4.155C4.747 4.155 5.587 3.885 7.497 5.181C8.31277 4.95851 9.15444 4.84519 10 4.844C10.85 4.848 11.705 4.959 12.504 5.181C14.413 3.885 15.251 4.154 15.251 4.154C15.797 5.533 15.453 6.552 15.351 6.805C15.991 7.505 16.379 8.4 16.379 9.493C16.379 13.341 14.04 14.188 11.813 14.436C12.172 14.745 12.491 15.356 12.491 16.291C12.491 17.629 12.479 18.71 12.479 19.038C12.479 19.306 12.659 19.618 13.167 19.52C15.1583 18.8521 16.8893 17.5753 18.1155 15.87C19.3416 14.1648 20.0009 12.1173 20 10.017C20 4.484 15.522 0 10 0Z"
fill="#9CA3AF" />
</svg>
</a>
</div>
<div class="mx-10 scroll-bottom-3">
<p class="font-semibold text-center text-gray-300 text-sm md:text-base">© 2022 He4rt Devs. Todos os direitos reservados.</p>
</div>
</div>
</footer>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script type="module" src="/assets/js/main.js"></script>
<script type="module" src="/assets/js/swiper.js"></script>
<script type="module" src="/assets/js/scrollReveal.js"></script>
</body>
</html>