-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathsocialEdTech.html
More file actions
447 lines (447 loc) · 24.2 KB
/
socialEdTech.html
File metadata and controls
447 lines (447 loc) · 24.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./assets/Logo-VnW.png">
<link rel="stylesheet" href="./social.css">
<link rel="stylesheet" href="./fonts.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>Social EdTech</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</head>
<body id="social" onload="lang()">
<header>
<img src="./assets/Logo-VnW.svg" alt="Logo-VnW-menu" class="header__logoMobile" />
<img src="./assets/menu.svg" class="header__menuMobile" onclick="openMenu()" />
<div id="logo" class="containerLogo__edtech" >
<h1 class="logoEdtech__title">Social EdTech</h1>
</div>
</header>
<section id="menu-mobile" class="menu-mobile">
<img class="header__logoMobile" src="./assets/Logo-VnW.svg" alt="Logo-VnW-menu" />
<img src="./assets/close.svg" class="navBar__MenuMobile-close" onclick="closeMenu()" />
<ul class="navBar__MenuMobile">
<a class="navBar__MenuMobile-item" href="./index.html" onclick="closeMenu()">4ª Rev. Industrial</a>
<a class="navBar__MenuMobile-item" href="./corporateEdTech.html" onclick="closeMenu()">Corporate</a>
<a class="navBar__MenuMobile-item" href="#social" onclick="closeMenu()">SocialTech</a>
<p class="navBar__MenuMobile-item" onclick="closeMenuOpenContactMobile()">Contato</p>
<a class="navBar__MenuMobile-item" href="./En/socialEdTechEn.html" onclick="closeMenu()">English</a>
</ul>
</section>
<nav id="menuHeader" class="navBar__home" display="none">
<img src="./assets/Logo-VnW.svg" alt="Logo-VnW-menu" class="navBar__homeLogo sticky" />
<ul class="navBar__Menu">
<a class="navBar__Menu-item" href="./index.html">4RI</a>
<a class="navBar__Menu-item" href="./corporateEdTech.html">Corporate</a>
<a class="navBar__Menu-item" href="#social">SocialTech</a>
<p class="navBar__Menu-item" onclick="openContact()" >Contato</p>
<a class="navBar__Menu-item" href="./En/socialEdTechEn.html">English</a>
</ul>
</nav>
<main>
<section class="contCorporate__mudanca">
<h1 class="contCorporate__mudanca-title">
Diversidade, <br> equidade e inclusão
</h1>
<p class="contCorporate__mudanca-parag">
Desde janeiro de 2017, o Vai na Web oferece gratuitamente o ensino de programação digital avançada e habilidades socioemocionais para jovens de 16 a
29 anos, moradores do Morro dos Prazeres e do Complexo do Alemão, no Rio de Janeiro.
</p>
</section>
<section class="contSocial">
<img class="contSocial__img" src="./assets/Social-Estudio_galera.jpg" />
<p class="paragEstudio">Estudantes e membros do Estúdio Vai na Web.</p>
</section>
<section class="contSocial__information">
<div class="contSocial__information-container">
<img class="contSocial__information-img" src="./assets/Icone-Formados.svg" alt="">
<h1 class="contSocial__information-title">+200</h1>
<p class="contSocial__information-parag">estudantes<br> formados.</p>
</div>
<div class="contSocial__information-container">
<img class="contSocial__information-img" src="./assets/Icone-Estudando.svg" alt="">
<h1 class="contSocial__information-title">48%</h1>
<p class="contSocial__information-parag">voltaram a estudar e/ou entraram para a universidade.</p>
</div>
<div class="contSocial__information-container">
<img class="contSocial__information-img" src="./assets/Icone-Empregados.svg" alt="">
<h1 class="contSocial__information-title">55%</h1>
<p class="contSocial__information-parag">estão empregados.</p>
</div>
</section>
<section class="contSocial__Obama">
<img class="contSocial__Obama-img" src="./assets/Social-Obama.png" alt="" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<div class="contSocial__Obama-container">
<p class="contSocial__Obama-parag">
Saber programar um computador hoje é tão básico quanto ler, escrever e fazer conta.<br> E deve ser ensinado em todas as escolas.
</p>
<p class="contSocial__Obama-footernote">
— Barack Obama
</p>
</div>
</section>
<section class="contEncouraging">
<h1 class="contEncouraging-title">— Incentivadores</h1>
<div class="contEncouraging-container">
<img class="contEncouraging-container__item-img" src="./assets/Social-Incentivadores-Claudia.png" alt="Foto de Cláudia Akel">
<div class="contEncouraging-container__item">
<div class="contEncouraging-container__item--text">
<h1 class="contEncouraging-container__item-title">Cláudia Akel</h1>
<h2 class="contEncouraging-container__item-subtitle">CEO na Social Impact Movement</h2>
<p class="contEncouraging-container__item-parag">
"Vai na Web prepara jovens para atuação imediata no mercado de trabalho, fornecendo mentoria de carreira, indicação de vagas em empresas e oportunidades de participação em projetos de impacto como o aplicativo Match4Action, criado por ex-alunos do programa LEAD da Stanford University."
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(+1)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
<div class="contEncouraging-container">
<img class="contEncouraging-container__item-img" src="./assets/Social-Incentivadores-Helio.png" alt="Foto de Helio Mosquim">
<div class="contEncouraging-container__item">
<div class="contEncouraging-container__item--text">
<h1 class="contEncouraging-container__item-title">Helio Mosquim</h1>
<h2 class="contEncouraging-container__item-subtitle">Match4Action Co-founder e Executivo de Tecnologia</h2>
<p class="contEncouraging-container__item-parag">
"O Vai Na Web é um programa incrível que oferece a possibilidade de se construir um caminho de crescimento e realização, pelo aprendizado de tecnologias digitais."
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(+1)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
<div class="contEncouraging-container">
<img class="contEncouraging-container__item-img" src="./assets/Social-Incentivadores-Kip.png" alt="Foto de Kip Stringfellow">
<div class="contEncouraging-container__item">
<div class="contEncouraging-container__item--text">
<h1 class="contEncouraging-container__item-title">Kip Stringfellow</h1>
<h2 class="contEncouraging-container__item-subtitle">Diretor de Relações Estratégicas na Singularity University</h2>
<p class="contEncouraging-container__item-parag">
"Desenvolver as habilidades, conhecimentos e experiência necessárias para criar novas tecnologias é uma força poderosa para a mudança positiva. O Vai na Web ensina essas habilidades e conecta estudantes com projetos relevantes que podem fazer a diferença no mundo."
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusIncentivadores(-2)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
</section>
<section class="contEstudio">
<div class="contEstudio__container">
<img class="contEstudio__container-img" src="./assets/Logo-Estudio_VnW.svg" alt="" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1500" />
<div class="contEstudio__container-text">
<p class="contEstudio__container-parag">
“Eu sempre fui apaixonado por tecnologia, mas foi só aqui que eu aprendi a potencializar as minhas habilidades e construir uma carreira.”
</p>
</div>
</div>
<div class="contEstudio__text">
<p class="contEstudio__text-subtext">
Kelvin Fernandes, 24 anos, <br> ex-estudante e professor do módulo 1 do Vai na Web.
</p>
<p class="contEstudio__text-parag">
Um centro de formação continuada liderado por estudantes do Vai na Web.
Uma oportunidade real para desenvolver autoconfiança, habilidades empreendedoras e experiências práticas em um estágio inicial de suas carreiras.
</p>
</div>
</section>
<section class="contEstudio-Mobile">
<img class="contEstudio-Mobile__logo" src="./assets/Logo-Estudio_VnW.svg" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="1500" />
<p class="contEstudio-Mobile__text">
Um centro de formação continuada liderado por estudantes do Vai na Web. Uma oportunidade real para desenvolver autoconfiança, habilidades empreendedoras e experiências práticas em um estágio inicial de suas carreiras.
</p>
<img class="contEstudio-Mobile__photo" src="./assets/Kelvin_redonda.png" />
<div class="contEstudio-Mobile__box">
<h1 class="contEstudio-Mobile__box-title">
“Eu sempre fui apaixonado por tecnologia, mas foi só aqui que eu aprendi a potencializar as minhas habilidades e construir uma carreira.”
</h1>
<p class="contEstudio-Mobile__box-parag">
— Kelvin Fernandes, 24 anos, ex-estudante e professor do módulo 1 do Vai na Web.
</p>
</div>
</section>
<section class="contProject">
<h1 class="contEncouraging-title">— Projetos realizados</h1>
<div class="contProject-container">
<img class="contProject-container__item-img" src="./assets/Projetos-M4A.svg" alt="Match4Action">
<div class="contProject-container__item">
<div class="contProject-container__item--text">
<h1 class="contProject-container__item-title">Match 4 Action</h1>
<p class="contProject-container__item-parag">
ONG internacional fundada por estudantes da Stanford University, conecta ações sociais e voluntários em todo o mundo, promovendo grande impacto social.
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusProjects(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusProjects(+1)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
<div class="contProject-container">
<img class="contProject-container__item-img" src="./assets/mock_up_alemao_para_o_mundo.png" alt="Alemão para o mundo">
<div class="contProject-container__item">
<div class="contProject-container__item--text">
<h1 class="contProject-container__item-title">Alemão para o mundo</h1>
<p class="contProject-container__item-parag">
Essa plataforma divulga o trabalho dos muitos empreendedores do Complexo de favelas do Alemão para os seus mais de 160.000 moradores.
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusProjects(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusProjects(+1)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
<div class="contProject-container">
<img class="contProject-container__item-img" src="./assets/mock_up_ps.png" alt="Precisa ser">
<div class="contProject-container__item">
<div class="contProject-container__item--text">
<h1 class="contProject-container__item-title">Precisa ser</h1>
<p class="contProject-container__item-parag">
Plataforma do Instituto de tecnologias sociais e digitais.
</p>
</div>
<div class="contEncouraging-container__item-buttons">
<div class="contEncouraging-container__item-button" onclick="plusProjects(-1)">
<span class="arrow arrow2"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
<div class="contEncouraging-container__item-button" onclick="plusProjects(-2)">
<span class="arrow"><span></span><span></span></span>
<span class="arrow--l-r right"><span></span><span></span><span></span><span></span><span></span></span>
</div>
</div>
</div>
</div>
</section>
<section class="contNews">
<h1 class="contEncouraging-title">— Noticias</h1>
<div class="contNews__container">
<div class="contNews__container-item">
<h1 class="contNews__container-title">Uol</h1>
<a class="contNews__container-link" href="https://www.uol.com.br/universa/noticias/redacao/2020/12/06/aline-froes-vai-na-web.htm" target="_blank">
Carioca é finalista de prêmio global ao levar jovens de favela à tecnologia
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Observatório Terceiro Setor</h1>
<a class="contNews__container-link" href="https://observatorio3setor.org.br/noticias/brasileira-finalista-de-premiacao-por-criar-escola-de-programacao-para-jovens/" target="_blank">
Brasileira é finalista de premiação por criar escola de programação para jovens
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">ANF - Agência de Notícias da Favela </h1>
<a class="contNews__container-link" href="https://www.anf.org.br/vai-na-web-oferece-curso-de-desenvolvedor-a-front-end/" target="_blank">
Vai na Web oferece curso de Desenvolvedor (a) Front-end
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Bol</h1>
<a class="contNews__container-link" href="https://www.bol.uol.com.br/noticias/2020/08/22/cris-dos-prazeres-ativista-mostra-sonho-da-programacao-a-periferia.htm" target="_blank">
Coworking da favela: ela prepara jovem preto e periférico para mercado tec
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Tilt</h1>
<a class="contNews__container-link" href="https://www.uol.com.br/tilt/noticias/redacao/2020/08/22/cris-dos-prazeres-ativista-mostra-sonho-da-programacao-a-periferia.htm" target="_blank">
Coworking da favela: ela prepara jovem preto e periférico para mercado tec
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Medium</h1>
<a class="contNews__container-link" href="https://medium.com/vainaweb/destaque-da-comunidade-lead-a6767b1d5a2c" target="_blank">
Visita dos estudantes da Escola de Negócios da Universidade de Ohio, EUA.
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">TV Escola</h1>
<a class="contNews__container-link" href="https://www.youtube.com/watch?v=itu4C09ap8E&list=PLLs6z_B7-MKDBPXGsDVuRKZUbOhvrv1XL" target="_blank">
Salto para o Futuro 2019 | Jovens Criadores
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Revista TPM</h1>
<a class="contNews__container-link" href="https://revistatrip.uol.com.br/tpm/cris-dos-prazeres-comanda-o-vai-na-web-projeto-que-ensina-jovens-de-periferias-cariocas-a-programar" target="_blank">
Projeto ensina jovens de periferias cariocas a programar
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Jornal da Band</h1>
<a class="contNews__container-link" href="https://noticias.band.uol.com.br/jornaldaband/videos/ultimos-videos/16641758/novo-aplicativo-conecta-ongs-a-voluntarios.html" target="_blank">
Novo aplicativo conecta ONGs a voluntários
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">O Dia</h1>
<a class="contNews__container-link" href="https://odia.ig.com.br/economia/empregos-e-negocios/2019/04/5638295-projeto-oferece-curso-gratuito-em-tecnologia-para-jovens-de-comunidades.html#foto=1" target="_blank">
Projeto oferece curso gratuito em tecnologia para jovens de comunidades
</a><br><br>
<a class="contNews__container-link" href="https://odia.ig.com.br/economia/empregos-e-negocios/2019/05/5641301-mercado-de-games-registra-crescimento-de-175--no-pais.html#foto=1" target="_blank">
Mercado de games registra crescimento de 175% no país
</a><br><br>
<a class="contNews__container-link" href="https://odia.ig.com.br/economia/empregos-e-negocios/2020/01/5855901-tecnologia-na-favela.html#foto=1" target="_blank">
Escola de programação Vai na Web abre inscrições para curso gratuito no Morro dos Prazeres, Rio de Janeiro
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Terra</h1>
<a class="contNews__container-link" href="https://www.terra.com.br/noticias/tecnologia/inovacao/startup-da-formacao-em-tecnologia-a-jovens-carentes-no-rio,5d2b2d3accd943f0afe813c5e9fa79a844ufxye2.html" target="_blank">
Startup dá formação em tecnologia para jovens no Rio
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">G1 / Globo / Rede Globo</h1>
<a class="contNews__container-link" href="https://g1.globo.com/olha-que-legal/noticia/projeto-cria-programa-de-educacao-em-tecnologias-digitais-para-jovens-moradores-de-comunidades-no-rio-de-janeiro.ghtml" target="_blank">
Jovens do Complexo do Alemão, no Rio, aprendem programação e criam site para ajudar moradores da comunidade.
</a><br><br>
<a class="contNews__container-link" href="https://gshow.globo.com/programas/encontro-com-fatima-bernardes/episodio/2019/08/01/videos-do-episodio-de-encontro-com-fatima-bernardes-de-quinta-feira-01-de-agosto.ghtml#video-7810243-id" target="_blank">
Vai na Web aposta na educação para criar oportunidade para jovens de comunidades
</a><br><br>
<a class="contNews__container-link" href="https://globoplay.globo.com/v/7810243/" target="_blank">
Cris dos Prazeres aposta na educação para criar oportunidade para jovens de comunidades
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">CBN</h1>
<a class="contNews__container-link" href="https://cbn.globoradio.globo.com/media/audio/257224/aplicativo-conecta-voluntarios-pelo-mundo.htm?fbclid=IwAR1DIzWlI-d7aMnQ9u3f8lRnOLm02C96lAk8S00yKdeOhHCgqw2jx_OMkVg-apli" target="_blank">
Aplicativo conecta voluntários pelo mundo
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">BandNews</h1>
<a class="contNews__container-link" href="http://bandnewsfmrio.com.br/editorias-detalhes/alunos-de-comunidades-do-rio-desenvolvem-apli" target="_blank">
Alunos de comunidades do Rio desenvolvem aplicativo em parceira com estudantes dos EUA
</a>
</div>
<div class="contNews__container-item">
<h1 class="contNews__container-title">Voz das Comunidades</h1>
<a class="contNews__container-link" href="http://www.vozdascomunidades.com.br/destaques/vai-na-web-educacao-digital-e-social-democratica/" target="_blank">
Vai na Web: Educação digital e social democrática
</a>
</div>
</div>
</section>
<section id="contact-modal" class="contact-section">
<div class="container_images">
<img class="contact_logo" src="./assets/Logo-VnW.svg" alt="Logo-VnW-menu" />
<img class="contact_close" src="./assets/close-white.svg" alt="close" onclick="closeContact()" />
</div>
<form class="form" id="contatoForm" action="https://formspree.io/ola@vainaweb.com.br" method="POST">
<h1 class="form__title">// contato</h1>
<label class="form__label" htmlFor="nome">seu nome:</label>
<input
id="form__name"
class="form__input"
name="nome"
type="text"
/>
<label class="form__label" htmlFor="email">agora seu email:</label>
<input
id="form__email"
class="form__input"
name="email"
type="email"
/>
<label class="form__label" htmlFor="mensagem">por último, sua mensagem:</label>
<textarea
id="form__message"
class="form__input form__input--textarea"
name="mensagem"
></textarea>
<input
class="form__button"
type="submit"
value="enviar →"
target="_blank"
/>
</form>
</section>
</main>
<footer id="contact" class="rodape">
<img src="./assets/logo_VnW.svg" alt="" class="rodapeImg" />
<div class="contRodape__text">
<section class="rodape_section rodape_section1">
<p class="rodape-text">
O Vai na Web é um movimento de alta tecnologia e impacto social que amplia as capacidades humanas e
requalifica a força de trabalho para encarar os desafios da Indústria 4.0
</p>
</section>
<section class="rodape_section">
<ul class="rodape__Menu">
<a class="rodape__Menu-item" href="./index.html">4ª Revolução Industrial</a>
<a class="rodape__Menu-item" href="./corporateEdTech.html">Corporate EdTech</a>
<a class="rodape__Menu-item" href="#social">Social EdTech</a>
<p class="rodape__Menu-item" onclick="openContact()">Contato</p>
<a class="rodape__Menu-item" href="./En/socialEdTechEn.html">English</a>
</ul>
<ul class="rodapeIcon">
<a class="ropapeIconLink" href="https://www.facebook.com/vainaweb/" target="_blank">
<img src="./assets/Icone-Facebook.svg" alt="icone do facebook">
</a>
<a class="ropapeIconLink" href="https://www.instagram.com/vainaweb/" target="_blank">
<img src="./assets/Icone-Instagram.svg" alt="icone do instagram">
</a>
<a class="ropapeIconLink" href="https://www.youtube.com/vainaweb" target="_blank">
<img src="./assets/Icone-Youtube.svg" alt="icone do youtube">
</a>
<a class="ropapeIconLink" href="https://twitter.com/vainaweb" target="_blank">
<img src="./assets/Icone-Twitter.svg" style="height: 33px" alt="icone do twitter">
</a>
<a class="ropapeIconLink" href="https://medium.com/vainaweb" target="_blank">
<img src="./assets/Icone-Medium.svg" style="height: 33px" alt="icone do medium">
</a>
<a class="ropapeIconLink" href="https://www.linkedin.com/company/vainaweb/" target="_blank">
<img src="./assets/Icone-Linkedin.svg" style="height: 33px" alt="linkedin icon">
</a>
</ul>
</section>
<section class="rodape_section section3">
<a class="rodape__Menu-item" href="mailto:ola@vainaweb.com.br">
ola@vainaweb.com.br
</a>
<p class="rodape-text contact">
+55 21 96850 2828
</p>
</section>
</div>
</footer>
<script src="./javascript/script.js"></script>
</body>
</html>