-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
295 lines (290 loc) · 14.5 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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!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>Meu portal de notícias</title>
<link rel="stylesheet" href="./main.css" />
</head>
<body>
<header>
<div class="container">
<h1>Meu portal de notícias</h1>
<nav>
<ul>
<li>
<a href="#sports" title="Ir para a seção de
esportes">Esportes</a>
</li>
<li>
<a href="#economy" title="Ir para a seção de
notícias">Economia</a>
</li>
<li>
<a href="#technology" title="Ir para a seção de
notícias">Tecnologia</a>
</li>
<li>
<a href="#entertainment" title="Ir para a seção de
notícias">Entretenimento</a>
</li>
</ul>
</nav>
</div>
</header>
<section id="sports">
<div class="container">
<h2>Esportes</h2>
<div class="articles">
<article>
<img src="./imagens/futebol.jpg" alt="Bola de futebol no
gramado" />
<header>
<time class="creation date">13/07/2022 às 12:35</time>
</header>
<h3>Grande clássico na noite de hoje</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/futebol-americano.jpg" alt="Jogador
de futebol americano correndo com a bola na mão" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Noite do Superbowl</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/basquete.jpg" title="Vista aérea de
uma quadra de basquete" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Notícia sobre a NBA</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/basquete.jpg" title="Vista aérea de
uma quadra de basquete" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Notícia sobre a NBA</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
</div>
</div>
</section>
<section id="economy">
<div class="container">
<h2>Economia</h2>
<div class="articles">
<article>
<img src="./imagens/dolares.jpg" alt="Muitos dólares" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Dólar em alta de 0.50%</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/euro.jpg" alt="Várias notas de euro"
/>
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Euro em queda de 0.40%</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/petroleo.jpg" alt="Extração de
petróleo" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Alta no preço do barril do petróleo</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Tenetur consequuntur doloremque totam labore
architecto. Corporis adipisci optio placeat
quibusdam totam iure veritatis quam, ullam tenetur
error? Laborum, modi itaque. Sunt.
</p>
<a href="#" title="Leia a notícia completa">Ler mais</a>
</article>
</div>
</div>
</section>
<section id="technology">
<div class="container">
<h2>Tecnologia</h2>
<div class="articles">
<article>
<img src="./imagens/foto_livro.webp" alt="Livro ChatGPT"
/>
<header>
<time>18/01/2023 às 10:33</time>
</header>
<h3>Homem 'escreve' livro em 3 dias usando ChatGPT e é
criticado
</h3>
<p>
O gerente de design de produtos Ammaar Reshi
"escreveu" um livro infantil em 72 horas, no mês de
dezembro, usando o ChatGPT, novo chatbot da OpenAI.
Com ajuda de outra inteligência artificial (IA), a
Midjourney, ele ilustrou 'Alice e Sparkle'.
A ideia de escrever o próprio livro infantil surgiu
quando Reshi estava lendo uma história de ninar para
a filha de um amigo. Ele publicou um fio no Twitter
explicando todo o processo até a concepção do livro,
que está à venda na Amazon.
</p>
<a
href="https://www.tecmundo.com.br/software/259301-homem-escreve-livro-3-dias-usando-chatgpt-criticado.htm"
title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/Capa-Data-mining-o-que-e.jpg"
alt="Data Cience"
/>
<header>
<time>18/01/2023 às 10:33</time>
</header>
<h3>Data mining e a importância da mineração de dados
para a sua empresa</h3>
<p>
Sabe aquele ditado que diz que informação vale ouro?
Pois bem, por trás desse dito popular está a ideia
de uma informação que é realmente útil é valiosa.
Mas a pergunta que fica é: o que é valioso? Trata-se
de algo escasso, que não está facilmente à vista e
precisa ser minerado entre aquilo que não tem tanto
valor.
</p>
<a
href="https://distrito.me/blog/data-mining/"
title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/Fintech.jpg" alt="Extração de
petróleo" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Fintech: o que é e como impacta no mercado</h3>
<p>
Com um sistema financeiro historicamente engessado e
burocrático, o Brasil se mostrou um terreno fértil
para as startups que se propuseram a preencher as
lacunas que os bancões não priorizam.
</p>
<a href="https://distrito.me/blog/fintech/" title="Leia
a notícia completa">Ler mais</a>
</article>
</div>
</div>
</section>
<section id="entertainment">
<div class="container">
<h2>Entretenimento</h2>
<div class="articles">
<article>
<img src="./imagens/Avatar_2.webp" alt="Avatar" />
<header>
<time>13/07/2022 às 12:35</time>
</header>
<h3>Avatar 2 supera Homem-Aranha e tem sexta maior
bilheteria da história</h3>
<p>
Superprodução deve cruzar a barreira dos US$ 2
bilhões ainda em janeiro; confira os dez filmes que
mais faturaram na história
</p>
<a
href="https://tangerina.uol.com.br/filmes-series/avatar-2-homem-aranha-sexto-filme/"
title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/Babilonia.webp" alt="Filme
Babilônia"
/>
<header>
<time>19/01/2023 às 10:54</time>
</header>
<h3>Babilônia: Candidato ao Oscar decepciona após início
fulminante</h3>
<p>
Dirigido por Damien Chazelle (La La Land), longa
estreia nos cinemas nesta quinta-feira (19); Brad
Pitt e Margot Robbie encabeçam o elenco
</p>
<a
href="https://tangerina.uol.com.br/filmes-series/babilonia-filme-critica/"
title="Leia a notícia completa">Ler mais</a>
</article>
<article>
<img src="./imagens/Bafta.webp" alt="Filme
Babilônia" />
<header>
<time>19/01/2023 às 10:57</time>
</header>
<h3>BAFTA 2023: Filme alemão da Netflix faz história e
lidera indicações</h3>
<p>
Nada de Novo no Front (2022) recebeu 14 indicações
ao BAFTA 2023, fazendo história como filme de língua
não inglesa mais nomeado na premiação
</p>
<a
href="https://tangerina.uol.com.br/filmes-series/bafta-2023-netflix-indicacoes/"
title="Leia a notícia completa">Ler mais</a>
</article>
</div>
</div>
</section>
</body>
</html>