-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (156 loc) · 7.38 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
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="author" content="Miguel Alves Sá de Paula">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css">
<title>Landing Page - Brasileirão</title>
</head>
<body>
<nav>
<div class="logo_brasileirao">
<img src="/assets/img/logo_brasileirao.svg" alt="Logo Brasileirão">
</div>
<div class="container-midnavbar"></div>
</nav>
<main>
<section class="principal">
<h1>O melhor time<br>
é o <span>seu</span>
</h1>
</section>
<section class="times">
<div class="grid_times">
<div class="times_escudo">
<img src="/assets/img/times/athletico-pr.svg" alt="Escudo Athletico Paranaense">
</div>
<div class="times_escudo">
<img src="/assets/img/times/atletico-go.svg" alt="Escudo Atlético Goianiense">
</div>
<div class="times_escudo">
<img src="/assets/img/times/atletico-mg.svg" alt="Escudo Atlético Mineiro">
</div>
<div class="times_escudo">
<img src="/assets/img/times/bahia.svg" alt="Escudo Bahia">
</div>
<div class="times_escudo">
<img src="/assets/img/times/botafogo.svg" alt="Escudo Botafogo">
</div>
<div class="times_escudo">
<img src="/assets/img/times/corinthians.svg" alt="Escudo Corinthians">
</div>
<div class="times_escudo">
<img src="/assets/img/times/criciuma.svg" alt="Escudo Criciúma">
</div>
<div class="times_escudo">
<img src="/assets/img/times/cruzeiro.svg" alt="Escudo Cruzeiro">
</div>
<div class="times_escudo">
<img src="/assets/img/times/cuiaba.svg" alt="Escudo Cuiabá">
</div>
<div class="times_escudo">
<img src="/assets/img/times/flamengo.svg" alt="Escudo Flamengo">
</div>
<div class="times_escudo">
<img src="/assets/img/times/fluminense.svg" alt="Escudo Fluminense">
</div>
<div class="times_escudo">
<img src="/assets/img/times/fortaleza.svg" alt="Escudo Fortaleza">
</div>
<div class="times_escudo">
<img src="/assets/img/times/gremio.svg" alt="Escudo Grêmio">
</div>
<div class="times_escudo">
<img src="/assets/img/times/internacional.svg" alt="Escudo Internacional">
</div>
<div class="times_escudo">
<img src="/assets/img/times/juventude.svg" alt="Escudo Juventude">
</div>
<div class="times_escudo">
<img src="/assets/img/times/palmeiras.svg" alt="Escudo Palmeira">
</div>
<div class="times_escudo">
<img src="/assets/img/times/bragantino.svg" alt="Escudo Bragantino">
</div>
<div class="times_escudo">
<img src="/assets/img/times/sao-paulo.svg" alt="Escudo São Paulo">
</div>
<div class="times_escudo">
<img src="/assets/img/times/vasco.svg" alt="Escudo Vasco">
</div>
<div class="times_escudo">
<img src="/assets/img/times/vitoria.svg" alt="Escudo Vitória">
</div>
</div>
</section>
<section class="container_premiere">
<div class="premiere_img">
<img src="/assets/img/backgroud_premiere.svg" alt="Craques do Brasileirão">
</div>
<div class="premiere_texto">
<h1>assine já</h1>
<a class="btn_premiere" target="_blank" href="https://premiere.globo.com/">
premiere
</a>
<div class="logo_premiere">
<img src="/assets/img/logo_premiere.svg" alt="Logo Premiere">
</div>
</div>
</section>
<section class="container_faq">
<h1>Perguntas Frequentes</h1>
<div class="accordion">
<button type="button" class="collapsible">
<p>Em quantos dispositivos posso assistir ao mesmo tempo?</p>
<div class="div_arrow">
<img class="arrow" src="/assets/img/arrow_perguntas.svg" alt="Seta">
</div>
</button>
<div class="content">
<p>Você pode assistir o Premiere simultaneamente em 3 dispositivos.</p>
</div>
<button type="button" class="collapsible">
<p>Onde posso assistir o Premiere?</p>
<div class="div_arrow">
<img class="arrow" src="/assets/img/arrow_perguntas.svg" alt="Seta">
</div>
</button>
<div class="content">
<p>O assinante pode assistir o Premiere através de:</p>
<ul>
<li>Computadores, acesse aqui ( <a target="_blank"
href="https://premiere.globo.com/">premiere.globo.com/agora</a>, <a target="_blank"
href="https://globoplay.globo.com/canais/premiere/">globoplay.globo.com/canais/premiere</a>,
<a target="_blank"
href="https://canaisglobo.globo.com/c/premiere/">canaisglobo.globo.com/c/premiere</a>);
</li>
<li>Smartphones e Tablets: via app disponível na App Store e Google Play;</li>
<li>Android TV;</li>
<li>Smart TVs: disponível no Globoplay, nos modelos Samsung, LG, Panasonic, Philips, TCL e Roku;
Apple TV: disponível para os modelos Apple TV 4K e Apple TV;
</li>
<li>Chromecast;</li>
<li>Air Play</li>
</ul>
</div>
<button type="button" class="collapsible">
<p>Como faço para escolher o time do coração e ajudar o meu
clube?</p>
<div class="div_arrow">
<img class="arrow" src="/assets/img/arrow_perguntas.svg" alt="Seta">
</div>
</button>
<div class="content">
<p>Se você é assinante do Premiere, pode ter parte do valor da assinatura paga, destinada ao seu
clube do coração. Acesse aqui ( <a target="_blank"
href="https://ge.globo.com/premiere/ajude-seu-time/">globoesporte.globo.com/premiere/ajude-seu-time/</a>)
e preencha as
informações ou no Premiere nos Smartphones e Tablets.</p>
</div>
</div>
</section>
</main>
</body>
<script src="/assets/js/main.js"></script>
</html>