-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (130 loc) · 5.89 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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trilha CSS 05</title>
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="/assets/css/styleScreen.css">
</head>
<body>
<nav>
<a href="index.html" class="nav_logo">
<img src="assets/images/hbo-logo.png" alt="hbo max logo">
</a>
<div class="nav_link">
<a href="/signIn.html" class="nav_link_signIn">ENTRAR</a>
<a href="index.html#plan" class="nav_link_plan">
<button class="nav_link_btn">ASSINE AGORA</button>
</a>
</div>
</nav>
<header class="header">
<div class="header_img">
<img src="/assets/images/hbo.png" alt="hbo logo">
<img src="/assets/images/dc.png" alt="dc logo">
<img src="/assets/images/wb.png" alt="wb logo">
<img src="/assets/images/cartoon-network_neutral.png" alt="cartoon-network logo">
<img src="/assets/images/max_originals.png" alt="max originals logo">
</div>
<h2>CURTA AS MELHORES HISTÓRIAS</h2>
<h1>PARA TODO MUNDO</h1>
<div class="header_divider"></div>
<h3>Assinaturas a partir de<br><span>R$14,15 </span>/mês*</h3>
<a href="index.html#plan">
<button class="header_button">ASSINE AGORA</button>
</a>
<h4>*aplicável ao plano anual com o pagamento antecipado.</h4>
</header>
<main>
<section class="plan" id="plan">
<h2>Conheça nossos planos e economize na assinatura trimestral ou anual com o pagamento antecipado.</h2>
<div class="plan_card">
<div id="plan_card">
<div class="plan_card_description">
<div class="plan_card_nav">
<h3>Mobile</h3>
<h3><span>R$ 19,90 </span>/mês</h3>
</div>
<ul>
<li>Aproveite em smartphones e tablets, onde quiser.</li>
<li>Assista em 1 tela por vez.</li>
<li>Tenha conteúdo em resolução adaptada para cada dispositivo.</li>
<li>Baixe suas séries e filmes favoritos, assista onde e quando quiser.</li>
</ul>
</div>
<button>ESCOLHER O PLANO MOBILE</button>
</div>
<div id="plan_card">
<div class="plan_card_description">
<div class="plan_card_nav">
<h3>Multitelas</h3>
<h3><span>R$ 27,90 </span>/mês</h3>
</div>
<ul>
<li>Aproveite em todos os seus dispositivos.</li>
<li>Chromecast e Airplay disponíveis.</li>
<li>Assista em até 3 telas ao mesmo tempo.</li>
<li>Tenha conteúdo em alta definição, com qualidade 4K.</li>
<li>Baixe suas séries e filmes favoritos, assista onde e quando quiser.</li>
<li>Crie até 5 perfis diferentes.</li>
</ul>
</div>
<button>ESCOLHER O PLANO MULTITELAS</button>
</div>
</div>
</section>
<section class="channel">
<h2>Descubra novos universos</h2>
<div class="channel_card">
<div class="channel_img">
<img src="/assets/images/hbo-default_0.webp" alt="hbo serie">
</div>
<div class="channel_img">
<img src="/assets/images/MAX-Default.webp" alt="max serie">
</div>
<div class="channel_img">
<img src="/assets/images/DC_Default.webp" alt="dc serie">
</div>
<div class="channel_img">
<img src="/assets/images/WB-Default.webp" alt="wb serie">
</div>
<div class="channel_img">
<img src="/assets/images/CN-Default.webp" alt="cn serie">
</div>
<div class="channel_img">
<img src="/assets/images/UCL-Default.webp" alt="champions league serie">
</div>
</div>
</section>
</main>
<footer>
<div class="footer_links">
<a href="https://www.hbomax.com/br/pt/sitemap">AGORA NA HBO MAX</a>
<a href="https://www.hbomax.com/br/pt/coming-soon">EM BREVE</a>
<a href="https://www.hbomax.com/br/pt/feature">FILME EM DESTAQUE</a>
<a href="https://www.hbomax.com/br/pt/series">SÉRIES</a>
<a href="https://help.hbomax.com/br">AJUDA</a>
</div>
<h4 class="footer_license">© 2022 WarnerMedia Direct Latin America, LLC. Todos os direitos reservados. HBO Max é usado sob licença.</h4>
<div class="footer_media">
<a href="https://www.facebook.com/HBOMaxBr">
<img src="/assets/images/fb_0.png" alt="facebook logo">
</a>
<a href="https://twitter.com/HBOMaxBR">
<img src="/assets/images/twitter_0.png" alt="twitter logo">
</a>
<a href="https://www.instagram.com/hbomaxbr">
<img src="/assets/images/instagram_0.png" alt="instagram logo">
</a>
<a href="https://www.youtube.com/c/hbomaxbr">
<img src="/assets/images/youtube_0.png" alt="youtube logo">
</a>
</div>
<div class="footer_vitoria">
<img src="/assets/images/vitoria-logo.png" alt="vitoria logo">
<h3>Vitoria Passos©</h3>
</div>
</footer>
</body>
</html>