-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (108 loc) · 5.25 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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<!-- Fav Icon -->
<link rel="icon" href="./assets/img/icon-alura.png" />
<!-- Style CSS -->
<link rel="stylesheet" href="./assets/styles/style.css">
<link rel="stylesheet" href="./assets/styles/tablet-styles.css">
<link rel="stylesheet" href="./assets/styles/mobile-style.css">
<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:wght@400;700&display=swap" rel="stylesheet">
<title>Alura Plus</title>
</head>
<body>
<section class="container main">
<div class="container-box">
<h1 class="container-title">Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
<img class="combo-image" src="./assets/img/combo.png" alt="O combo+ é a junção do alura+ e o alura língua" >
<a class="container-button" href="www.alura.com.br">Assine por 12x de R$ 120,00 </a>
<a class="container-button secondary-button" href="www.alura.com.br">Assinar somente o Alura+</a>
<p class="container-subscription">*O preço pode variar caso a assinatura seja feita em outro planos.</p>
</div>
</section>
<section class="container secondary">
<img class="alura-platform" src="./assets/img/alura-platform.png" alt="Um monitor e um celular com o Alura Plus aberto" />
<div class="container-description">
<h2 class="description-title">Assista do seu jeito</h2>
<p class="description-text">Aproveite a tela grande da TV ou assista no tablet, laptop, celular e outros
aparelhos. Nossa seleção de cursos não para de crescer.
</p>
</div>
</section>
<section class="container secondary">
<div class="container-description">
<h2 class="description-title">Não perca esta oferta</h2>
<p class="description-text">
Só o Combo+ oferece a Alura+ e a Alura Língua juntos para você ter acesso a cursos
de diversas áreas da tecnologia e aprender inglês ou espanhol, onde e como quiser.
</p>
</div>
<img class="alura-screens" src="./assets/img/alura-screens.png" class="secondary-image" alt="Tela da alura plus e do alura lingua" />
</section>
<section class="container secondary">
<img class="notebook" src="./assets/img/notebook.png" alt="Notebook com o Alura Plus aberto" />
<div class="container-description">
<h2 class="description-title">Baixe seus cursos</h2>
<p class="description-text">
Baixe e assista onde e quando quiser. Assim, seus favoritos estarão sempre com você, até mesmo sem internet.
</p>
</div>
</section>
<section class="devices">
<h2 class="devices-title">Disponível para todos tipos de telas</h2>
<ul class="devices-list">
<li>
<img class="tv-design" src="./assets/img/tv-design.png" alt="ícone de televisão">
<h3 class="item-list">Smart TV</h3>
</li>
<li>
<img class="desktop-design" src="./assets/img/desktop-design.png" alt="ícone de computador">
<h3 class="item-list">Desktop</h3>
</li>
<li>
<img class="smartphone-design" src="./assets/img/smarthphone-design.png" alt="ícone de celular">
<h3 class="item-list">Smartphones</h3>
</li>
</ul>
</section>
<footer class="footer">
<img class="footer-logo" src="./assets/img/logo.png" alt="logo Alura+">
<ul class="footer-list">
<li class="link-list link1-1">
<a href="#">Idioma</a>
</li>
<li class="link-list link1-2">
<a href="#">Dispositivos compatíveis</a>
</li>
<li class="link-list link1-3">
<a href="#">Contrato de assinatura</a>
</li>
<li class="link-list link2-1">
<a href="#">Política de privacidade</a>
</li>
<li class="link-list link2-2">
<a href="#">Proteção de dados no Brasil</a>
</li>
<li class="link-list link2-3">
<a href="#">Anúncios personalizados</a>
</li>
<li class="link-list link2-4">
<a href="">Ajuda</a>
</li>
</ul>
<p class="footer-text">® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados.
Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.
</p>
<p class="footer-text secondary-text">
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>