-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (66 loc) · 3.57 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Escola DNC</title>
</head>
<body>
<!-- MENU SUPERIOR -->
<div id="menu-sup">
<a href="https://www.escoladnc.com.br"><img id="logo" src="./images/logo.svg" alt="ERROR"></a>
<h1 id="title-menu-sup">Dê os primeiros passos da <br>
sua carreira em Tecnologia</h1>
<p id="text-menu-sup">Inscreva-se no curso gratuito de Introdução à <br>
Tecnologia da DNC School e aprenda os principais <br>
fundamentos para construir experiências efetivas.</p>
</div>
<!-- MENU INFORMACIONAL -->
<div id="menu-info">
<p class="text-info"> <img src="./icons/icon-certficado.svg" class="icons" id="certificado" alt="ERROR"> Certificado de conclusão</p>
<p class="text-info"> <img src="./icons/icon-relogio.svg" class="icons" id="relogio" alt="ERROR"> 4 horas de conteúdo</p>
<p class="text-info"> <img src="./icons/icon-gravacao.svg" class="icons" id="gravacao" alt="ERROR"> Aulas online gravadas</p>
</div>
<!-- SEÇÃO DEPOIMENTOS -->
<div id="video-section">
<iframe id="video" width="502" height="283" src="https://www.youtube.com/embed/ITxGkd9h4n4" title="DNC - A escola inovadora que forma profissionais de alta perfomance" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<div>
<h1 id="title-video">Aprenda com especialistas e <br>
comece seu primeiro projeto</h1> <br> <br>
<p id="text-video">Conheça o processo de desenvolvimento e entenda como utilizar <br>
os principais métodos e ferramentas da área para resolver <br>
problemas complexos. <br> <br>
Conquiste seu certificado e desenvolva um projeto prático para <br>
aplicar seus conhecimentos.</p>
</div>
</div>
<!-- CARROSSEL -->
<div id="carrossel">
<h1 id="title-carrossel">Mais de 500 alunos já iniciaram seus estudos</h1>
<!-- DIVISÃO DOS CARDS -->
<div id="div-cards">
<img id="set-left" onclick="RolarParaEsquerda()" class="set" src="./set/set-left.svg" alt="ERROR">
<img id="leonardo" class="card" src="./cards/leonardo.svg" alt="ERROR">
<img id="samanta" class="card" src="./cards/samanta.svg" alt="ERROR">
<img id="bruna" class="card" src="./cards/bruna.svg" alt="ERROR">
<img id="set-right" onclick="RolarParaDireita()" class="set" src="./set/set-right.svg" alt="ERROR">
</div>
</div>
<!-- FORMULÁRIO -->
<div id="form">
<h1 id="title-form">Comece agora mesmo e dê o próximo passo da sua carreira</h1>
<form action="https://api.sheetmonkey.io/form/9y2hgZzp8ETtSb4j2ffLsH" method="post">
<input type="text" placeholder="Nome" name="Name" required> <br>
<input type="email" placeholder="E-mail" name="Email" required> <br>
<input type="number" placeholder="Telefone" name="Phone"> <br>
<input type="hidden" name="Created" value="x-sheetmonkey-current-date-time">
<button type="submit">Acesse ementa grátis</button>
</form>
</div>
<script src="index.js"></script>
</body>
</html>