-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (122 loc) · 5.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NOVA GERAÇÃO</title>
<!--css-->
<link rel="stylesheet" href="css/styles.css"/>
<script src="./js/script.js" defer></script>
</head>
<body>
<header id="event-description">
<div id="disclaimer">
<h2> NOVA GERAÇÃO</h2>
<p class="about-event">
Venha e conclua seu ensino medio com o eja </p>
<p>Aberto de:</p>
<P class="event-date">segunda á sexta </P>
</div>
<div id="subscription-form">
<p>Preencha o formulário para um melhor atendimento</p>
<form id="form">
<label for="name">Nome</label>
<input type="text" id="name" name="name" placeholder="Digite seu nome">
<label for="email">E-mail</label>
<input type="email" id="email" name="email" placeholder="Digite seu melhor email">
<label for="phone">Telefone (zap)</label>
<input type="text" id="phone" name="phone" placeholder="Numero do watsapp">
<label for="interest">Principal Interesse</label>
<select id="interest">
<option value="" disabled selected>selecione</option>
<option value="high school">Ensino Médio</option>
<option value=" elementary school">Ensino Fundamental</option>
<option value="distance learning">Ensino EAD</option>
<option value="blended learning">Ensino semi-presencial</option>
</select>
<button type="submit" value="submit">quero me matricular</button>
</form>
</div>
</header>
<!--
<section id="key-benefits">
<h2> o que voçê vai aprender </h2>
<div class="benefits">
<div class="benefit">
<div id="benefit-1" class="benefit-img"></div>
<p>consiga seu diploma em 6 meses.</p>
</div>
<div class="benefit">
<div id="benefit-2" class="benefit-img"></div>
<p>consiga seu diploma em 6 meses.</p>
</div>
<div class="benefit">
<div id="benefit-3" class="benefit-img"></div>
<p>consiga seu diploma em 6 meses.</p>
</div>
</div>
</section>
-->
<section id="location">
<div class="address">
<img src="./img/home_pin_FILL0_wght400_GRAD0_opsz48.png" alt="location">
<div id="address-details">
<p>Av 203, 1045</p>
<p>Bairro: Cidade Operaria</p>
<p>aberto ás 8h</p>
</div>
</div>
<div id="about-location">
<h3>Local de facil acesso</h3>
<p>Próximo a UPA da Cidade Operaria <br> a 100M do ponto de ônibus</p>
</div>
</section>
<!--
<section id="details">
<div class="detail" id="detail-1">
<img src="img/sala 1.jpg" alt="aulas online">
<div class="detail-description">
<h3>conheça os ambientes onde voçê vai conseguir seu diploma</h3>
</div>
</div>
<div class="detail" id="detail-2">
<div class="detail-description">
<h3>Detalhes</h3>
<ul>
<li>professores capacitados</li>
<li>aprendizado semi-presencial</li>
<li>aprendizado EAD</li>
<li>boletim online</li>
<li>E muito mais....</li>
</ul>
</div>
<img src="img/sala.jpg" alt="aulas online">
</div>
<div class="detail" id="detail-3">
<img src="img/imagem 3.jpg" alt="aulas online">
<div class="detail-description">
<h3>Detalhes</h3>
<ul>
<li>professores capacitados</li>
<li>aprendizado semi-presencial</li>
<li>aprendizado EAD</li>
<li>boletim online</li>
<li>E muito mais....</li>
</ul>
</div>
</div>
</section>
-->
<section id="cta">
<h2>gostou? Então entre em contato:</h2>
<button class="btn">Faça a Matricula</button>
</section>
<footer id="footer">
<h3>Nova geração</h3>
<p>Supletivo EJA mais rapido do Brasil</p>
<p><span>Entre em contato:</span>matricula@novageração.com.br</p>
<p><span>Ou pelo telefone:</span>(98)90000-0000</p>
</footer>
</body>
</html>