-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathcorporateEdTech.html
More file actions
236 lines (236 loc) · 11.2 KB
/
corporateEdTech.html
File metadata and controls
236 lines (236 loc) · 11.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
<!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="./corporate.css">
<link rel="stylesheet" href="./fonts.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>Corporate 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="edtech">
<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">Corporate 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="#edtech" onclick="closeMenu()">Corporate</a>
<a class="navBar__MenuMobile-item" href="./socialEdTech.html" onclick="closeMenu()">SocialTech</a>
<p class="navBar__MenuMobile-item" onclick="closeMenuOpenContactMobile()">Contato</p>
<a class="navBar__MenuMobile-item" href="./En/corporateEdTechEn.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="#edtech">Corporate</a>
<a class="navBar__Menu-item" href="./socialEdTech.html">SocialTech</a>
<p class="navBar__Menu-item" onclick="openContact()" >Contato</p>
<a class="navBar__Menu-item" href="./En/corporateEdTechEn.html">English</a>
</ul>
</nav>
<main>
<section class="contCorporate__mudanca">
<div class="contCorporate__mudanca-text">
<h1 class="contCorporate__mudanca-title">Um farol<br> rumo à mudança</h1>
<p class="contCorporate__mudanca-parag">
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 enfrentar os desafios da Indústria 4.0.
</p>
</div>
<div class="contCorporate__mudanca-img">
<img class="contCorporate__mudanca-photo" src="./assets/Corporate-Farol.jpg" alt="">
</div>
</section>
<section class="contCorporate__abordagem">
<h1 class="contCorporate__abordagem-title">— Nossa abordagem</h1>
<div class="ocultar">
<div class="ocultar__container">
<img class="ocultar-img" src="./assets/Icone-Abordagem-1.svg" alt="" style="margin:0; height: 100%;">
</div>
<h1 class="ocultar-title">Alinhando competências para a era da informação</h1>
<div class="wrap">
<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 class="mostrar">
<p class="mostrar-parag">— Todo nosso programa é creditado pelo SFIA (Skills Framework For Information Age).<br><br>
— Um padrão internacional que abrange todas as habilidades e competências necessárias aos profissionais de tecnologia da informação.
</p>
<img class="mostrar-img" src="./assets/Logo-SFIA.png" alt="" style="margin-top:4%;">
</div>
<div class="ocultar">
<div class="ocultar__container">
<img class="ocultar-img" src="./assets/Icone-Abordagem-2.svg" alt="">
</div>
<h1 class="ocultar-title">Desenvolve liderança e habilidades socioemocionais</h1>
<div class="wrap">
<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 class="mostrar">
<p class="mostrar-parag">— Tecnologia não se faz só com computadores, mas com competências intangíveis: empatia, resiliência, criatividade, colaboração e comunicação.
<br><br>— 25% do programa é direcionado ao desenvolvimento de habilidades socioemocionais.
</p>
</div>
<div class="ocultar">
<div class="ocultar__container">
<img class="ocultar-img" src="./assets/Icone-Abordagem-3.svg" alt="">
</div>
<h1 class="ocultar-title">Orientado a desafios reais e temas de inovação</h1>
<div class="wrap">
<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 class="mostrar">
<p class="mostrar-parag">— Habilitar a força de trabalho para alcançar objetivos estratégicos e impulsionar novos modelos de negócios.</p>
</div>
</section>
<section class="contCorporate__programa">
<h1 class="contCorporate__abordagem-title">— O programa</h1>
<div class="pipeline">
<h1 class="pipeline-title" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500">Talent pipeline</h1>
<div class="pipeline-container">
<div class="contVision visionEyes">
<img class="contVision-img" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500" src="./assets/Icone-Programa-Olho.svg" alt="">
<p class="contVision-parag paragEyes" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500">Tech vision</p>
</div>
<div class="contSetas" >
<img src="./assets/Icone-Programa-Seta.svg" alt="" class="setas">
<p class="contVision-parag" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500">Tech and social skills</p>
</div>
<div class="contVision">
<img class="contVision-img" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500" src="./assets/Icone-Programa-Talentos.svg" alt="">
<p class="contVision-parag" data-aos="fade" data-aos-easing="linear" data-aos-duration="1500">Qualified workforce</p>
</div>
</div>
<img class="pipeline__mobile" src="./assets/Grafico-Programa_mobile.svg" />
</div>
</section>
<section class="visionario">
<h1 class="contCorporate__abordagem-title">— Seja visionário</h1>
<div class="contVisionario" >
<p class="pargVisionario">
Um portfólio de tecnologias emergentes e consolidadas para potencializar o pensamento digital de times e negócios vencedores.
</p>
<img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500" src="./assets/Colmeias-Desktop_port.svg" alt="" class="visionarioImg">
<img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500" src="./assets/Colmeias-Mobile_port.svg" alt="" class="visionarioImg-mobile">
<img data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500" src="./assets/Icone-Seta.svg" alt="" class="visionarioSeta">
</div>
</section>
<section class="jornada">
<div class="jornada__title-mobile">
<h1 class="jornada__container-titleMobile">Construa <br> sua Jornada</h1>
</div>
<div class="jornada__box">
<img class="jornada__box-img" src="./assets/Corporate-Jornada.jpg" />
<div class="jornada__container">
<h1 class="jornada__container-title">Construa sua Jornada</h1>
<p class="jornada__container-parag">
Com a sua organização, criamos um conjunto exclusivo de competências digitais para habilitar a sua força de trabalho. Fale um pouco sobre seus objetivos, desafios e vamos apresentar um plano personalizado para começarmos.
</p>
<p class="jornada__container-button" onclick="openContact()">
Fale conosco
</p>
</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="#edtech">Corporate EdTech</a>
<a class="rodape__Menu-item" href="./socialEdTech.html">Social EdTech</a>
<p class="rodape__Menu-item" onclick="openContact()">Contato</p>
<a class="rodape__Menu-item" href="./En/corporateEdTechEn.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>