-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (131 loc) · 4.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/estilo.css" />
<link rel="shortcut icon" href="logo/Logo tecnologia.png" />
<title>Projeto Landing Page</title>
</head>
<body>
<header>
<!-- tag para imagens -->
<figure class="logo">
<img src="logo/Logo tecnologia.png" alt="Logo da empresa" />
<h1>Desenvolvimento de Sistema</h1>
</figure>
</header>
<main>
<section>
<h1>O Manual definitivo do programador front-end</h1>
<h3>
Confira tudo sobre como você pode crescer e se tornar um programador
que o mercado precisa.
</h3>
</section>
<figure>
<img
src="imagens/livro2.png"
alt="ilustração de um livro de progrmação"
/>
</figure>
</main>
<aside>
<h1>Acesse o material completo</h1>
<form action="#" method="#">
<input
type="text"
name="nome"
id="nome"
placeholder="Olá, qual seu nome?"
required
/>
<input
type="email"
name="email"
id="email"
placeholder="Qual seu email?"
/>
<input
type="number"
name="idade"
id="idade"
placeholder="Pode nos dizer sua idade?"
min="10"
required
/>
<select name="estado" id="estado" required>
<option value="">Escolha seu estado...</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
<option value="EX">Estrangeiro</option>
</select>
<select name="genero" id="genero">
<option value="">Informe seu gênero...</option>
<option value="masculino">masculino</option>
<option value="Feminino">feminino</option>
<option value="outros">outros</option>
</select>
<input
type="number"
name="soma"
id="soma"
placeholder="Agora, qual a soma de 2+7?"
/>
<button type="submit">Receber Material</button>
</form>
<small
>Prometemos não utilizar suas informações de contato para enviar
qualquer tipo de SPAM.</small
>
</aside>
<footer>
<section>
<h1 class="rodape-titulo">O que faz um desenvolvedor front-end?</h1>
<p class="rodape-conteudo">
O desenvolvedor Front-end, é responsável pela implementação dos
elementos visuais e UX/UI que garantem a interatividade e
funcionalidade do website, aplicativo ou programa. Conforme a pesquisa
realizada pela Trampos em parceria com a Umbler as habilidades mais
procuradas durante a contratação são: JavaScript, HTML e CSS
</p>
</section>
<section>
<h1 class="rodape-titulo">O front-end domina o mundo</h1>
<p class="rodape-conteudo">
Se você conhece um pouco sobre lógica de programação, design e está
querendo mergulhar no mundo do front-end, esse é o lugar para você! O
foco é a criação de páginas web de maneira que você tenha a base
necessária para estudar os frameworks mais famosos do mercado. Por
isso, vamos nos aprofundar ainda mais em HTML e CSS e principalmente
no JavaScript já que essa é a linguagem base da web.
</p>
</section>
</footer>
</body>
</html>