-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
58 lines (58 loc) · 3.26 KB
/
index.html
File metadata and controls
58 lines (58 loc) · 3.26 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Dynamics</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="./code/css/landingpage.css">
<link rel="stylesheet" href="./code/css/header.css">
<link rel="stylesheet" href="./code/css/areasconhecimento.css">
<link rel="stylesheet" href="./code/css/font.css">
<link rel="stylesheet" href="./code/css/alignment.css">
<link rel="stylesheet" href="./code/css/container.css">
<link rel="stylesheet" href="./code/css/header.css">
<style>
body {
font-family: 'Inter';font-size: 26px;
}
</style>
<link rel="icon" href="/assets/logo-dynamics.png" type="image/x-icon"/>
</head>
<body>
<header>
<div class="div-header">
<a href= "/index.html" class ="logo"><img src="../../assets/logo-redonda.png" width="45" height="45" ></a>
<a href="/pages/nossosProjetos.html" class="projetos">Projetos</a>
<a href="/pages/processoSeletivo.html" class="selecao">Processo Seletivo</a>
</div>
<!--trocar links das imagens usadas para teste pelas imagens corretas e trocar o link do instagram para o link correto-->
<div class="div-header">
<a href="https://br.linkedin.com/company/insper-dynamics" class ="linkedin"><img src="./assets/LinkedIn_icon_circle.svg.png" width="30" height ="30"></a>
<a href="https://www.instagram.com/insper_dynamics/" class="instagram"><img src="./assets/instagram-logo.png" width="30" height="30"></a>
</div>
</header>
<main>
<img src="./assets/background.png" class ="background-image">
<div class="column">
<h1>Áreas de Conhecimento</h1>
<p class="margin-top description">Com o intuito de facilitar o desenvolvimento e aplicar metodologias de mercado, como formação de<br /> Squads, a Insper Dynamics divide suas areas de conhecimento em três vertentes:</p>
<div class="row">
<div class ="div-outside margin-top left-border">
<h2 class ="container-title outside-text">Embarcados</h2>
<p class="container-text">Engloba projetos como IoT,<br /> e de desenvolvimento com<br /> computação embarcada.</p>
</div>
<div class ="div-inside margin-top">
<h2 class ="container-title inside-text">Machine Learning</h2>
<p class="container-text inside-text">Engloba projetos de ML<br /> como ChatBot, Equipes de<br /> Kaggle e competições.</p>
</div>
<div class ="div-outside margin-top right-border">
<h2 class ="container-title outside-text">Web&Mobile</h2>
<p class="container-text">Engloba criação de sites e<br /> aplicativos usados pelo<br /> Insper.</p>
</div>
</div>
<a href="/pages/nossosProjetos.html" class="button margin-top">
<p class="button-text">saiba mais</p>
</a>
</div>
</main>
</body>
</html>