-
Notifications
You must be signed in to change notification settings - Fork 3
/
bootcamps.html
426 lines (373 loc) · 23.7 KB
/
bootcamps.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Bootcamps</title>
<meta http-equiv="content-language" content="pt-br">
<meta content="Bootcamps na área de tech para você se destacar" name="description">
<meta name="author" content="Rebeca Belin">
<meta name="keywords" content="design, UX, ui, menina, cursos, Bootcamps">
<meta property="og:title" content="Menina de UX">
<meta property="og:description" content="Bootcamps na área de tech para você se destacar">
<meta property="theme-color" content="#20376C">
<!-- Ícones -->
<link href="assets/img/logo.webp" rel="icon">
<link href="assets/img/mobile.webp" rel="mobile-icon">
<!-- CSS -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<!-- CSS principal -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/cursos.css" rel="stylesheet">
<!-- Fontes -->
<link href="//db.onlinewebfonts.com/c/4050b0ba6e521d334f956c60aa58cf66?family=NCS+Radhiumz" rel="stylesheet"
type="text/css" />
<link href="http://fonts.cdnfonts.com/css/avenir-lt-std" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<a href="index.html"><img src="assets/img/header-logo.webp" alt="" class="img-fluid"></a>
</div>
<!-- Navbar -->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto" href="index.html">Início</a></li>
<li><a class="nav-link" href="estudos.html">Estude</a></li>
<li><a class="nav-link scrollto" href="cursos.html">Cursos</a></li>
<li><a class="nav-link scrollto" href="bootcamps.html">Bootcamps</a></li>
<li><a class="nav-link scrollto" href="sobre.html">Sobre</a></li>
<!-- <li><a class="nav-link" href="apoie.html">Apoie</a></li> -->
<li><a class="nav-link scrollto" href="contato.html">Contato</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<!-- End Navbar -->
</div>
</header>
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero">
<div class="container">
<div class="row">
<div class="d-flex justify-content-center">
<div data-aos="zoom-out">
<h1>Cursos Grandes e Bootcamps</h1>
<p>As melhores e maiores certificações para quem quer entrar na área e se destacar</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero -->
<main id="main">
<!-- ======= Cursos Section ======= -->
<section id="cursos" class="cursos">
<div class="cursos-container container">
<div class="row justify-content-center" data-aos-delay="100">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="cursos-flters">
<li data-filter="*" class="filter-active">Todos</li>
<li data-filter=".filter-back-end">Back-End</li>
<li data-filter=".filter-front-end">Front-End</li>
<li data-filter=".filter-design">Design</li>
<li data-filter=".filter-dados">Cloud e Dados</li>
<li data-filter=".filter-marketing">Marketing e Business</li>
<li data-filter=".filter-idiomas">Idiomas</li>
<li data-filter=".filter-mulheres">Para mulheres</li>
<li data-filter=".filter-jovens">Para jovens</li>
</ul>
</div>
</div>
<div class="row justify-content-center" data-aos-delay="200">
<!-- Bootcampinho UI/UX -->
<div class="post-box cursos-item filter-design">
<div class="post-img"><img src="assets/img/bootcamps/bootcampinhouiux.webp" class="img-fluid"
draggable="false" alt="Bootcampinho UI/UX">
</div>
<h1 class="post-title">Bootcampinho UI/UX</h1>
<p class="description">O Bootcampinho Gratuito UI/UX Design tem como objetivo te ajudar nos
primeiros passos de sua jornada. Formulado com o objetivo de ser um ponto de partida o curso
é dividido entre etapas teóricas e práticas.
<br><br>
Além disso, você será desafiado(a) durante todo o curso a criar um projeto de UI/UX Design
do início ao fim. Todas as aulas também contam com desafios e materiais de aprofundamento
para ajudar você a continuar seus estudos.
</p>
<a href="https://maiane.com.br/bootcampinho-ui-ux-design/" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba
mais</span><i class="bi bi-arrow-right"></i></a>
</div>
<!-- Capacitação Gratuita em Introdução à Programação -->
<div class="post-box cursos-item filter-back-end">
<div class="post-img"><img src="assets/img/bootcamps/proztecnologia.webp" class="img-fluid"
draggable="false" alt="Capacitação Gratuita em Introdução à Programação">
</div>
<h1 class="post-title">Capacitação Gratuita em Introdução à Programação</h1>
<p class="post-date">Inscrições por tempo limitado!</p>
<p class="description">A Proz Tecnologia está oferecendo uma capacitação gratuita em Introdução
a Programação. Você não precisa saber programar, mas se souber, vem também! Você vai começar
aprendendo conceitos básicos, e será levado até que possa desenvolver seus próprios
projetos.
</p>
<a href="https://pages.prozeducacao.com.br/proz-tecnologia" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba
mais</span><i class="bi bi-arrow-right"></i></a>
</div>
<!-- 6 cursos grátis da Gama Academy -->
<div class="post-box cursos-item filter-active">
<div class="post-img"><img src="assets/img/bootcamps/gamaacademy.webp" class="img-fluid"
draggable="false" alt="6 cursos grátis da Gama Academy">
</div>
<h1 class="post-title">6 cursos grátis da Gama Academy</h1>
<p class="description">A Gama Academy está de cara nova! Enquanto celebram sua nova marca,
querem premiar você, que torna isso possível, com acesso gratuito a alguns dos nossos
conteúdos mais bem avaliados de Desenvolvimento Web e Product Design. Aproveitem!
</p>
<a href="https://app.gama.academy/jornada/e55b1f-semana-de-rebranding/" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba
mais</span><i class="bi bi-arrow-right"></i></a>
</div>
<!-- Cursos de TI da Prefeitura de BH -->
<div class="post-box cursos-item filter-active">
<div class="post-img"><img src="assets/img/bootcamps/cursosprefeituradebh.webp"
class="img-fluid" draggable="false" alt="Cursos de TI da Prefeitura de BH">
</div>
<h1 class="post-title">Cursos de TI da Prefeitura de BH</h1>
<p class="description">A Prefeitura de Belo Horizonte está com mais de 2.500 vagas disponíveis
para cursos de inclusão digital nos formatos presencial e EAD para a área de tecnologia da
informação.
<br><br>
São cinco cursos disponíveis, cada um deles com 500 vagas. O aluno pode cursar todos eles,
iniciando com Introdução às Novas Tecnologias, Planilha Eletrônica, Ferramentas para Home
Office, chegando à Programação Web, sendo que esse último ainda terá uma versão direcionada
para mulheres, com mais 100 vagas disponíveis.
</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSc9Q6G2A5yakCrGfUaqUFrIH63WYw4Tguo1MpOmcSittFHasQ/viewform"
target="_blank" class="readmore stretched-link mt-auto"><span>Saiba
mais</span><i class="bi bi-arrow-right"></i></a>
</div>
<!-- Programa Start by Capgemini -->
<div class="post-box cursos-item filter-back-end filter-dados">
<div class="post-img"><img src="assets/img/bootcamps/startbycapgemini.webp" class="img-fluid"
draggable="false" alt="Programa Start by Capgemini">
</div>
<h1 class="post-title">Programa Start by Capgemini</h1>
<p class="description">O Programa START da Capgemini foi criado para ajudar quem já é da área de
TI ou quem deseja mudar de carreira, a ingressar no mercado e conquistar independência
financeira para realizar seus sonhos, independentemente da sua idade.
<br><br>
Você escolhe sua trilha nas principais plataformas e ainda tem a possibilidade de
contratação no final do treinamento!
</p>
<a href="https://startcapgemini.com.br" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba
mais</span><i class="bi bi-arrow-right"></i></a>
</div>
<!-- Instituto da Oportunidade Social (IOS) -->
<div class="post-box cursos-item filter-back-end filter-marketing">
<div class="post-img"><img src="assets/img/bootcamps/institutodaoportunidadesocial.webp"
class="img-fluid" draggable="false" alt="Instituto da Oportunidade Social (IOS)"></div>
<h1 class="post-title">Instituto da Oportunidade Social (IOS)</h1>
<p class="post-date">Inscrições por tempo limitado!</p>
<p class="description">O Instituto da Oportunidade Social (IOS) abriu as inscrições para o
segundo semestre de cursos de tecnologia presenciais e online!
<br><br>
Tem curso de Programação Web, Gestão empresarial com software ERP, Suporte em TI e muitos
outros!
</p>
<a href="https://ios.org.br/inscricao/" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Decisão de Carreira na Prática -->
<div class="post-box cursos-item filter-mulheres">
<div class="post-img"><img src="assets/img/bootcamps/decisaodecarreiranapratica.webp"
class="img-fluid" alt="Decisão de Carreira na Prática" draggable="false"></div>
<h1 class="post-title">Decisão de Carreira na Prática</h1>
<p class="post-date">Gratuito por tempo limitado!</p>
<p class="description">A Fundação Estudar liberou gratuitamente por tempo limitado o curso de
Decisão de Carreira na Prática, feito para quem quer aprofundar conhecimento em sua
trajetória e
entenda como seus interesses, habilidades e valores podem direcionar as suas decisões
profissionais!
</p>
<a href="https://conteudos.napratica.org.br/decisao-de-carreira-na-pratica/" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Design é Para Todos -->
<div class="post-box cursos-item filter-design">
<div class="post-img"><img src="assets/img/bootcamps/collabdesign.webp" class="img-fluid"
alt="Design é Para Todos" draggable="false"></div>
<h1 class="post-title">Design é Para Todos</h1>
<p class="post-date"></p>
<p class="description">A Collab Design está oferecendo um curso onde você vai entender o que
é ser designer, sua rotina e o mercado de trabalho!
<br><br>
Você vai aprender o essencial para criar qualquer tipo de arte gráfica, seja post de
redes sociais, materiais impressos e logotipos.
</p>
<a href="https://www.sympla.com.br/play/design-e-para-todos-curso-intensivo-de-design-visual-grafico/1090448?share_id=0"
target="_blank" class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Bolsas de Estudos Google -->
<div class="post-box cursos-item filter-jovens filter-dados filter-design">
<div class="post-img"><img src="assets/img/bootcamps/googleeciee.webp" class="img-fluid"
alt="Bolsas de Estudos Google" draggable="false"></div>
<h1 class="post-title">Bolsas de Estudos Google</h1>
<p class="post-date"></p>
<p class="description">O CIEE está com as inscrições abertas para um processo seletivo de
bolsas de estudos para cursos 100% on-line que contam com um conteúdo altamente interativo e
uma certificação profissional.
<br><br>
São 30 mil bolsas de estudos e você pode estudar no seu ritmo e de onde quiser!
</p>
<a href="https://portal.ciee.org.br/para-voce/google-ciee" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Geração Crescer -->
<div class="post-box cursos-item filter-jovens">
<div class="post-img"><img src="assets/img/bootcamps/geracaocrescer.webp" class="img-fluid"
alt="Geração Crescer" draggable="false"></div>
<h1 class="post-title">Geração Crescer</h1>
<p class="post-date"></p>
<p class="description">O projeto Geração Crescer está com 34 mil para cursos gratuitos.
<br><br>O
ensino é 100% online e se direciona para os jovens com mais de 16 anos, que procuram
novas
oportunidades de profissionalização e capacitação.
</p>
<a href="https://geracaocrescer.org.br/web/" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Janelas para o Amanhã -->
<div class="post-box cursos-item filter-jovens">
<div class="post-img"><img src="assets/img/bootcamps/janelasparaoamanha.webp" class="img-fluid"
alt="Janelas para o Amanhã" draggable="false"></div>
<h1 class="post-title">Janelas para o Amanhã</h1>
<p class="post-date"></p>
<p class="description">O projeto Janelas para o Amanhã é uma parceria da Recode com a
Petrobras nos estados do RJ, SP e ES. <br><br>Na plataforma,
oferecem formações gratuitas em tecnologia para jovens do ensino médio
e membros das comunidades escolares.</p>
<a href="https://janelas.Recode.org.br" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
<!-- Instituto PROA -->
<div class="post-box cursos-item filter-jovens">
<div class="post-img"><img src="assets/img/bootcamps/institutoproa.webp" class="img-fluid"
alt="Instituto PROA" draggable="false"></div>
<h1 class="post-title">Instituto PROA</h1>
<p class="post-date"></p>
<p class="description">O Instituto PROA nasceu com o objetivo de criar oportunidades de
desenvolvimento pessoal e profissional para jovens de baixa renda vindos de escola
pública.
</p>
<a href="https://www.proa.org.br" target="_blank"
class="readmore stretched-link mt-auto"><span>Saiba mais</span><i
class="bi bi-arrow-right"></i></a>
</div>
</div>
</section>
<!-- End Cursos Section -->
</main>
<!-- End #main -->
<!-- Footer -->
<footer class="footer text-center text-lg-start text-muted">
<div class="container text-center text-md-start mt-4">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid Logo e ODS column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<div class="logo">
<img src="assets/img/header-logo.webp" alt="" class="img-fluid">
</div>
<p class="text-p">Ajudando meninas como eu</p>
<div class="ods">
<p class="text-ods">ODS apoiadas:</p>
<a href="https://brasil.un.org/pt-br/sdgs/4" target="_blank"><img class="img-fluid"
src="assets/img/ods-4.webp" alt="ods 4 - educação de qualidade"></a>
<a href="https://brasil.un.org/pt-br/sdgs/5" target="_blank"><img class="img-fluid"
src="assets/img/ods-5.webp" alt="ods 5 - igualdade de gênero"></a>
</div>
</div>
<!-- Grid Logo e ODS column -->
<!-- Grid Projetos column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Projetos</h6>
<p><a href="/criando-seu-case/index.html" class="links">Crie seu Case</a></p>
</div>
<!-- Grid Projetos column -->
<!-- Sobre a Menina de UX -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Sobre a <br>Menina de UX</h6>
<p><a href="/sobre.html" target="_blank" class="links">Conheça a iniciativa</a></p>
<p><a href="/becabelin.html" target="_blank" class="links">Quem criou</a></p>
</div>
<!-- Coluna -->
<!-- Coluna -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Redes sociais</h6>
<p class="links"><a href="https://www.instagram.com/meninadeux" class="links" target="_blank"><i
class="fa-brands fa-instagram me-2"></i>Instagram</a></p>
<p class="links"><a href="https://www.LinkedIn.com/company/meninadeux" class="links"
target="_blank"><i class="fa-brands fa-LinkedIn me-2"></i>LinkedIn</a></p>
<p class="links"><a href="https://t.me/meninadeux" class="links" target="_blank"><i
class="fa-brands fa-telegram me-2"></i>Telegram</a></p>
</div>
<!-- Coluna -->
</div>
<!-- Grid row -->
</div>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-4 copyright">
Feito com 💙 por <span>Menina de UX</span>
<div class="credits">
Design e código por <a href="becabelin.html" target="_blank">Rebeca Belin</a>
</div>
<div class="credits">
Ilustrações por Storyset
</div>
</div>
<!-- Copyright -->
</footer>
<!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<!-- Libras -->
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
</body>
</html>