-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
322 lines (277 loc) · 15.3 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="imagex/png" href="./logo_aba.ico">
<title>Blog Kenzie Academy Brasil - Programação e Tecnologia</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<img class="header-logo" src="./footer-logo.png" alt="Logotipo da Kenzie">
<nav>
<ul class="menu">
<li><a href="https://kenzie.com.br/quem-somos/">Quem somos</a></li>
<li><a href="https://kenzie.com.br/curriculo/">Formação</a></li>
<li><a href="https://kenzie.com.br/pagamento/">Pagamento</a></li>
<li><a href="https://kenzie.com.br/blog/">Blog</a></li>
<li><a href="https://kenzie.com.br/conteudos-gratuitos/">Conteúdos gratuitos</a></li>
<li><a href="https://kenzie.com.br/faq/">Dúvidas</a></li>
<li><a href="https://kenzie.com.br/parceiras/">Para Empresas</a></li>
<li><a href="https://inscricao.kenzie.com.br/">Quero ser Programador</a></li>
</ul>
</nav>
</header>
<main>
<div class="logo_kenzie">
<img class="logo-inicial" src="./logo_kenzie.png" alt="Logotipo da Kenzie">
<h1 class="logo_kenzie_titulo">BLOG DA KENZIE ACADEMY</h1>
</div>
<section class="grid2">
<div class="destaque">
<img src="./Foto17.webp" alt="">
<h2><a class="navegador" href="https://kenzie.com.br/blog/segundo-idioma/" target="_blank">A importância de um segundo idioma para a área de TI</a></h2>
<p>Aprender uma nova língua, é válido para as demais profissões, sendo o inglês mais indicado caso você queira ser programador(a). Ter esse conhecimento é essencial, tanto para seu crescimento pessoal quanto profissional. <br>
Para cada projeto, uma linguagem de programação é indicada, mesmo que você tenha uma preferência, quanto mais linguagens você souber, mais oportunidades você terá para seu desenvolvimento. <br>
Então, aprimore o seu repertório, para te ajudar nessa caminhada aqui na Kenzie, temos os nossos instrutores e facilitadores, que estão sempre prontos para te ajudar! <br>
Se você gostou desse conteúdo e gostaria de entrar na área de programação, eu recomendo que você faça a sua inscrição na Kenzie Academy Brasil. <strong><a class="navegador" href="https://inscricao.kenzie.com.br/?_gl=1*cq0thg*_ga*MTMxMDk0NzIzOS4xNjQ3NjI5OTcy*_ga_7Z8VPLDHV8*MTY5NjY5MTE4OS4yNi4xLjE2OTY2OTI2MzEuMzcuMC4w" target="_blank">Faça já a sua inscrição.</a></strong>
</p>
</div>
<div class="sidebar">
<div>
<img src="./Foto18.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/https/" target="_blank">HTTPS: guia completo sobre como funciona e suas vantagens</a></p>
</div>
<div>
<img src="./Foto28.jpg" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/quem-ganha-mais-frontend-backend/" target="_blank">Quem ganha mais front-end ou back-end? Veja as habilidades exigidas!</a></p>
</div>
<div>
<img src="./Foto34.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/comentario-html/" target="_blank">Comentários HTML: o que são, como usá-los e 3 boas práticas de uso</a></p>
</div>
<div>
<img src="./Foto36.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/curso-de-programacao-para-iniciantes/" target="_blank">Curso de programação para iniciantes: como escolher o melhor?</a></p>
</div>
</div>
</section>
<h1>ÚLTIMOS CONTEÚDOS</h1>
<section class="grid1">
<div>
<img src="./Foto38.jpg" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/cores-em-hexadecimal-css/" target="_blank">Cores em hexadecimal CSS: passo a passo para aplicar cores no HTML</a></p>
</div>
<div>
<img src="./Foto27.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/resolucao-de-problema/" target="_blank">Resolução de problema pode ser um diferencial na programação</a></p>
</div>
<div>
<img src="./Foto33.jpeg" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/bancos-de-dados/" target="_blank">5 bancos de dados gratuitos para você conhecer</a></p>
</div>
<div>
<img src="./Foto10.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/comunicacao-clara-e-objetiva/" target="_blank">Como a comunicação clara e objetiva faz diferença para um dev?</a></p>
</div>
<div>
<img src="./Foto43.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/o-que-e-git/" target="_blank">O que é Git e GitHub? conceitos, principais comandos e quais as vantagens?</a></p>
</div>
<div>
<img src="./Foto12.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/codepen/" target="_blank">Codepen: o que é, como funciona e quais as vantagens?</a></p>
</div>
<div>
<img src="./Foto13.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/junior-pleno-senior/" target="_blank">Júnior, pleno ou sênior: diferenças e salários de cada nível</a></p>
</div>
<div>
<img src="./Foto2.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/gestao-de-tempo-e-produtividade/" target="_blank">Segredos para uma boa gestão de tempo e produtividade</a></p>
</div>
<div>
<img src="./Foto44.jpeg" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/instalacao-vs-code-windows/" target="_blank">Instalação do VS Code (Visual Studio Code) no Windows</a></p>
</div>
<div class="anuncio">
<img src="./Foto16.webp" alt="">
<h3><a class="navegador" href="https://kenzie.com.br/blog/como-aprender-a-programar-2" target="_blank">Como aprender a programar do zero: passo a passo</a></h3>
<p>Quer entrar em um mercado de trabalho que não para de crescer, mas não sabe por onde começar? Pela programação! <br>
Atualmente existem diversas formas de começar a programar do zero. São diversos tipos de cursos, linguagens de programação e métodos para estudar e entrar em um mercado de trabalho aquecido. Cada metodologia de aprendizado apresenta vantagens, porém o primordial é a determinação.</p>
</div>
</section>
<h1>ASSUNTOS MAIS RELEVANTES</h1>
<section class="grid3">
<div class="grid3-item">
<img src="./Foto39.jpg" alt="">
<p><a href="https://kenzie.com.br/blog/ciencia-computacao/" target="_blank">Ciência da Computação: o que é, grade curricular e como aprender</a></p>
<p></p>
</div>
<div class="grid3-item">
<img src="./Foto32.webp" alt="">
<p><a href="https://kenzie.com.br/blog/responsividade-css/" target="_blank">Responsividade CSS e a experiência de usuário (UX)</a></p>
</div>
<div class="grid3-item">
<img src="./Foto7.webp" alt="">
<p><a href="https://kenzie.com.br/blog/estudar-desenvolvimento-web/" target="_blank">8 aprendizados estudando desenvolvimento web na Kenzie</a></p>
</div>
</section>
<h1>PROJETOS DE ALUNOS KENZIE ACADEMY</h1>
<section class="flex">
<div>
<img src="./Foto25.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/desenvolvedor-de-ux/" target="_blank">Desenvolvedor UX, o que é, quais as habilidades e qual o salário?</a></p>
</div>
<div>
<img src="./Foto20.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/google-colab/" target="_blank">Google Colab: o que é, como usar e quais são as vantagens?</a></p>
</div>
<div>
<img src="./Foto21.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/o-que-e-deploy/" target="_blank">O que é deploy? para que serve? quais as vantagens? dicas de como fazer um bom deploy.</a></p>
</div>
<div>
<img src="./Foto22.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/web-semantica/" target="_blank">Web Semântica: saiba tudo sobre o movimento e sua importância</a></p>
</div>
<div>
<img src="./Foto23.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/como-e-ser-coach-na-kenzie-academy/" target="_blank">Como é ser coach na Kenzie Academy?</a></p>
</div>
<div>
<img src="./Foto24.webp" alt="">
<p><a class="navegador" href="https://kenzie.com.br/blog/como-tornar-programador/" target="_blank">Como se tornar programador: faculdade, habilidades e o que estudar?</a></p>
</div>
</section>
<h1>ARTIGOS POR CATEGORIA</h1>
<section class="grid3">
<div class="grid3-item">
<img src="./Foto66.webp" alt="">
<p><a href="https://kenzie.com.br/blog/categoria/carreira/" target="_blank"><strong>CARREIRA</strong></a></p>
</div>
<div class="grid3-item">
<img src="./Foto61.jpg" alt="">
<p><a href="https://kenzie.com.br/blog/categoria/institucional/" target="_blank"><strong>INSTITUCIONAL</strong></a></p>
</div>
<div class="grid3-item">
<img src="./Foto63.jpg" alt="">
<p><a href="https://kenzie.com.br/blog/categoria/front-end/" target="_blank"><strong>FRONT-END</strong></a></p>
</div>
<div class="grid3-item">
<img src="./Foto68.jpeg" alt="">
<p><a href="https://kenzie.com.br/blog/categoria/back-end/" target="_blank"><strong>BACK-END</strong></a></p>
</div>
<div class="grid3-item">
<img src="./Foto60.jpg" alt="">
<p><a href="https://kenzie.com.br/blog/categoria/tecnologia/" target="_blank"><strong>TECNOLOGIA</strong></a></p>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="form-image">
<img src="./undraw_in_the_office_re_jtgc.svg" alt="">
</div>
<div class="form">
<form>
<div class="form-header">
<div>
<h2 class="title"><strong>Cadastro de DEVs</strong></h2>
</div>
</div>
<div class="input-group">
<div class="input-box">
<label for="name"><strong>Nome</strong></label>
<input type="text" name="name" id="name" placeholder="Digite seu nome..." required>
</div>
<div class="input-box">
<label for="sobrenome"><strong>Sobrenome</strong></label>
<input type="text" name="sobrenome" id="sobrenome" placeholder="Digite seu sobrenome..." required>
</div>
<div class="input-box">
<label for="email"><strong>E-mail</strong></label>
<input type="text" name="email" id="email" placeholder="Digite seu e-mail..." required>
</div>
<div class="input-box">
<label for="telefone"><strong>Telefone</strong></label>
<input type="text" name="telefone" id="telefone" placeholder="(xx)xxxxx-xxxx" required>
</div>
<div class="input-dev">
<div class="div-title">
<label><strong>Qual aplicação você desenvolve?</strong></label>
</div>
<div class="div-group">
<input type="radio" name="devweb" value="frontend" checked>Front-end
</div>
<div class="div-group">
<input type="radio" name="devweb" value="backtend" checked>Back-end
</div>
<div class="div-group">
<input type="radio" name="devweb" value="fullstack" checked>Full-stack
</div>
</div>
<div class="input-senior">
<div class="senior-title">
<label for="senioridade"><strong>Senioridade</strong></label>
</div>
<div class="senior-select">
<select name="senioridade" id="senioridade" required>
<option value="" selected disabled>Selecione...</option>
<option value="junior">Júnior</option>
<option value="pleno">Pleno</option>
<option value="senior">Sênior</option>
</select>
</div>
</div>
<div class="input-tec">
<div class="tec-title">
<label><strong>Tecnologias que utiliza:</strong></label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia1" id="tecnologia1" value="HTML">
<label for="tecnologia1">HTML</label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia2" id="tecnologia2" value="CSS">
<label for="tecnologia2">CSS</label>
</div>
<div class="tec-group">
<input type="checkbox" name="javascripit" id="tecnologia3" value="javascript">
<label for="tecnologia3">JavaScript</label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia4" id="tecnologia4" value="php">
<label for="tecnologia4">PHP</label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia5" id="tecnologia5" value="c#">
<label for="tecnologia5">C#</label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia6" id="tecnologia6" value="Python">
<label for="tecnologia6">Python</label>
</div>
<div class="tec-group">
<input type="checkbox" name="tecnologia7" id="tecnologia7" value="java">
<label for="tecnologia7">Java</label>
</div>
</div>
<div class="mensagem">
<div class="mensagem-title">
<label for="mensagem"><strong>Conte um pouco mais da sua experiência:</strong></label>
</div>
<div class="mensagem-text">
<textarea name="mensagem" id="mensagem" rows="6" placeholder="Fale um pouco das suas experiências nessas tecnologias..." style="width: 26em;" required></textarea>
</div>
</div>
<div class="button">
<button class="botao" type="submit"><a href="#">Enviar</a></button>
</div>
</form>
</div>
</div>
</footer>
</body>
</html>