-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (184 loc) · 8.11 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!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" />
<title>Globo</title>
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/reset.css" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/media.css" />
</head>
<body>
<header>
<picture>
<source media="(max-width: 600px)" srcset="./assets/logo-mobile.svg" />
<img src="./assets/logo-desktop.svg" alt="logo da globo.com" />
</picture>
</header>
<nav>
<div class="desktop">
<a class="g1" href="https://www.globo.com" target="_blank">g1</a>
<a class="o-globo" href="https://www.globo.com" target="_blank">o globo</a>
<a class="valor" href="https://www.globo.com" target="_blank">valor</a>
<a class="ge" href="https://www.globo.com" target="_blank">ge</a>
<a class="cartola" href="https://www.globo.com" target="_blank">cartola</a>
<a class="globoplay" href="https://www.globo.com" target="_blank">globoplay</a>
<a class="dropz" href="https://www.globo.com" target="_blank">dropz</a>
<a class="gshow" href="https://www.globo.com" target="_blank">gshow</a>
<a class="quem" href="https://www.globo.com" target="_blank">quem</a>
<a class="receitas" href="https://www.globo.com" target="_blank">receitas</a>
</div>
<div class="mobile">
<a class="g1" href="https://www.globo.com" target="_blank">g1</a>
<a class="ge" href="https://www.globo.com" target="_blank">ge</a>
<a class="gshow" href="https://www.globo.com" target="_blank">gshow</a>
<a class="tech" href="https://www.globo.com" target="_blank">tech</a>
<a class="videos" href="https://www.globo.com" target="_blank">vídeos</a>
</div>
</nav>
<main>
<div class="main-news">
<div class="headlines">
<h1>
<a href="https://www.globo.com" target="_blank">
Vacinados entrarão nos EUA sem quarentena a partir de 8 de novembro
</a>
</h1>
<p>
<a href="https://www.globo.com" target="_blank">
Ministros ‘lavam as mãos’ sobre Bolsonaro não se vacinar, relata blog
</a>
</p>
<p>
<a href="https://www.globo.com" target="_blank">
Bandeiras em frente ao Congresso lembram 600 mil brasileiros mortos
</a>
</p>
</div>
<div class="g1-news">
<div>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/g1/alem-do-presidente.jpeg" alt="Além do presidente" />
<h2>Além do presidente</h2>
<p class="lead">CPI deve pedir indiciamento de filhos de Bolsonaro</p>
</div>
<p class="quote">A evangélicos, Bolsonaro diz ‘chorar sozinho em casa’</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/g1/crimes-na-fronteira.jpeg" alt="Crimes na fronteira" />
<h2>Crimes na fronteira</h2>
<p class="lead">Triângulo amoroso vira chave em linha de investigação</p>
</div>
<p class="quote">1ª de 7 mortes entre Brasil e Paraguai faz 1 semana</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/g1/reino-unido.jpeg" alt="Reino Unido" />
<h2>Reino Unido</h2>
<p class="lead">Parlamentar inglês é esfaqueado e morto em igreja</p>
</div>
<p class="quote">Homem de 25 anos foi preso no local, diz polícia</p>
</a>
</article>
</div>
<div>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<h2>Sabatina de Mendonça</h2>
<p class="lead">PGR é consultada sobre investigação contra Alcolumbre</p>
<p class="quote">Aliados dizem que situação de Alcolumbre ‘está feia’</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<h2>Negócio de R$ 5,2 bi</h2>
<p class="lead">Pão de Açúcar vende 71 pontos do Extra para o Assaí</p>
<p class="quote">Lembre fusões e aquisições bilionárias recentes no país</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<h2>Elo com caminhoneiros</h2>
<p class="lead">Podcast: ministro liga empresários a atos de 7/9; ouça</p>
<p class="quote">Neto de Jango critica veto de Bolsonaro a tributo</p>
</a>
</article>
</div>
</div>
</div>
<div class="ge-news">
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/ge/espiao-estatistico.jpeg" alt="Espião estatístico" />
<h2>Espião estatístico</h2>
<p class="lead">Classificação do returno tem Palmeiras em último; veja as posições</p>
</div>
<p class="quote">Crespo almoça com diretoria e deve se despedir no CT</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/ge/greve-segue-na-raposa.jpeg" alt="Greve segue na Raposa" />
<h2>Greve segue na Raposa</h2>
<p class="lead">Cruzeiro não viabiliza recurso para quitar atrasados</p>
</div>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/ge/campeonato-frances.jpeg" alt="Campeonato francês" />
<h2>Campeonato francês</h2>
<p class="lead">Desfalcado, PSG recebe o Angers, 4º colocado</p>
</div>
</a>
</article>
</div>
<div class="gshow-news">
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/gshow/ferias-e-jh.jpeg" alt="Férias e JH" />
<h2>Férias e JH</h2>
<p class="lead">César Tralli se emociona na despedida do SP1</p>
</div>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img src="./assets/news/gshow/verdades-secretas-2.jpeg" alt="Verdades Secretas 2" />
<h2>Verdades Secretas 2</h2>
<p class="lead">Angel cruza a passarela poderosa; reveja desfiles</p>
</div>
<p class="quote">Blanche terá dois relacionamentos</p>
<p class="quote">Gabriel viverá sadomasoquista</p>
</a>
</article>
<article class="news">
<a href="https://www.globo.com" target="_blank">
<div class="mobile">
<img
src="./assets/news/gshow/nos-tempos-do-imperador.jpeg"
alt="Nos Tempos do Imperador" />
<h2>Nos Tempos do Imperador</h2>
<p class="lead">Lota vai cair em golpe</p>
</div>
<p class="quote">Teresa toma decisão radical</p>
</a>
</article>
</div>
</main>
</body>
</html>