-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (100 loc) · 5.49 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
<!DOCTYPE html>
<html>
<head>
<title>Alura Plus</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- PRIMEIRO BLOCO -->
<section class="container principal">
<div class="container__caixa">
<h1 class="container__titulo">Com o Combo+, você pode aproveitar a Alura + e o Alura Línguas por um preço único </h1>
<img class="container__imagem" src="/imagens/Combo.png" alt="o combo + é a junção do alura+ e o alura combo">
<a href="www.alura.com.br" class="container__botao">Assine por 12X de R$ 120,00</a>
<a href="www.alura.com.br" class="container__botao botao_secundario">Assine somente o Alura +</a>
<p class="container__aviso"> Os preços podem variar conforme a assinatura do plano.</p>
</div>
</section>
<!-- SEGUNDO BLOCO -->
<section class="container secundario">
<img src="imagens/Plataformas.png" alt="Um monitor e um celular " class="secundario__imagem">
<div class="container__descricao">
<h2 class="descricao__titulo"> Assista do seu jeito!</h2>
<p class="descricao__texto">Aproveite as tela grandde dda TV ou assista em qualquer outro aparelho! Nosso curso é supimpa dda pithureska!</p>
</div>
</section>
<!-- TERCEIRO BLOCO -->
<section class="container secundario">
<div class="container__descricao">
<p class="descricao__texto"> So o Combo + oferece a loucura para quem quer aprender o desenrolo do piruliro</p>
<a href="www.alura.com.br" class="container__botao secundario__botao">Assina ai!</a>
</div>
<img src="imagens/Telas.png" alt="Um monitor e um celular " class="secundario__imagem">
</section>
<!-- QUARTO BLOCO -->
<section class=" container secundario">
<img src="imagens/Notebook.png" alt="Um monitor e um celular " class="secundario__imagem">
<div class="container__descricao">
<h2 class="descricao__titulo">Baixe seus cursos</h2>
<p class="descricao__texto">Aproveite as tela grandde dda TV ou assista em qualquer outro aparelho! Nosso curso é supimpa dda pithureska!</p>
</div>
</section>
<!-- QUINTO BLOCO -->
<section class="dispositivos">
<h2 class="dispositivos_titulos">Roda nos dispositivos tudo!</h2>
<ul class="dispositivos__lista">
<li>
<img src="imagens/tv.png" alt="iconetv">
<h3 class="lista__item">TV</h3>
</li>
<li>
<img src="imagens/computador.png" alt="iconepc">
<h3 class="lista__item">PC</h3>
</li>
<li>
<img src="imagens/celular.png" alt="iconecl">
<h3 class="lista__item">Celular</h3>
</li>
</ul>
</section>
<!-- RODA- PÉ -->
<footer classe="rodape">
<img src="/imagens/Logo.png" alt="Alura+" class="rodape__logo">
<ul class="rodape__lista">
<!-- Idioma -->
<li class="lista__link">
<a href="#">Idioma</a>
</li>
<!-- Dispositivos Compativeis -->
<li class="lista__link">
<a href="#">Dispositivos Compativeis</a>
</li>
<!-- Contrato de assinatura -->
<li class="lista__link">
<a href="#">Contrato de assinatura</a>
</li>
<!-- Politica de Privacidade -->
<li class="lista__link">
<a href="#">Politica de Privacidade</a>
</li>
<!-- Proteção de Dados -->
<li class="lista__link">
<a href="#">Proteção de Dados</a>
</li>
<!-- Anuncios -->
<li class="lista__link">
<a href="#">Anuncios</a>
</li>
<!-- Ajuda -->
<li class="lista__link">
<a href="#">Ajuda</a>
</li>
</ul>
<p class="rodape__texto">® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados. Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.</p>
<p class="rodape__texto">Alura+ é um serviço pago, baseado em assinatura e sujeito a termos e condições. O serviço Alura+ é comercializado por Aovs Sistemas de Informática S.A., Rua Vergueiro, 3185 - Liberdade, São Paulo - SP, 04101-300, Brasil e CNPJ 05.555.382/0001-33</p>
</footer>
</body>
</html>