Tudo super básico. Trabalhando os conteúdos citados.
HTML
<!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>Portifolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>Notícias do dia</header>
<main>
<h1 class="titulo-h1">[ESPORTE] Cazé arremata prêmio de Vini Jr na Champions por R$ 700 mil </h1>
<p>O streamer e empresário Casimiro Miguel <strong class="texto-destaque">arrematou por R$ 700 mil</strong>, nesta quarta-feira (17), durante leilão beneficente do Instituto Vini Jr, um prêmio conquistado por Vinicius Júnior na última Champions League.</p> <br>
<a href="https://www.cnnbrasil.com.br/esportes/caze-arremata-premio-de-vini-jr-na-champions-por-r-700-mil/"> Clique aqui para ler mais sobre essa notícia</a> <br><br>
<h1 class="titulo-h1">[INTERNACIONAL] Campanha diz que não está trabalhando com cenário em que Biden não seja candidato</h1>
<p>“A vice-presidente faz parte da chapa Biden-Harris. Nossa campanha não está funcionando em nenhum cenário em que o presidente Biden não seja o principal. <strong class="texto-destaque">Ele é e será o candidato democrata</strong>”, disse ele durante uma entrevista coletiva do Comitê Nacional Democrata em Milwaukee. </p> <br>
<a href="https://www.cnnbrasil.com.br/internacional/campanha-diz-que-nao-esta-trabalhando-com-cenario-em-que-biden-nao-seja-candidato/"> Clique aqui para ler mais sobre essa notícia</a> <br><br>
<h1 class="titulo-h1">[INTERNACIONAL] Donald Trump discursa esta noite durante Convenção Nacional Republicana</h1>
<p>O ex-presidente dos EUA, Donald Trump, aceita nesta quinta-feira (18) a indicação para ser <strong class="texto-destaque">oficialmente</strong> o candidato do Partido Republicano na corrida pela Casa Branca. A cerimônia marca o fim da Convenção Nacional Republicana, que nos últimos quatro dias mobilizou as bases da coalizão conservadora em torno de Trump.</p> <br>
<a href="https://www.cnnbrasil.com.br/internacional/eleicoes-nos-eua-2024/donald-trump-discursa-esta-noite-durante-convencao-nacional-republicana/">Clique aqui para ler mais sobre essa notícia</a> <br><br>
<h2 class="noticia-destaque">DESTAQUE DO DIA</h2> <br>
<h1 class="titulo-h1">[BRASIL] Atores e atrizes interpretam médicos em vídeos roteirizados para vender produtos que prometem resultados milagrosos</h1>
<p>Atores e atrizes interpretam médicos em produções roteirizadas na internet para vender <strong class="texto-destaque">produtos sem registro na Anvisa</strong>
que prometem resultados milagrosos. Os vídeos têm a intenção de parecer reais, e alguns não incluem um alerta ao internauta informando que se trata de uma encenação. As denúncias também chegaram ao Conselho Regional de Medicina de São Paulo (Cremesp).
</p> <br>
<a href="https://g1.globo.com/sp/sao-paulo/noticia/2024/07/18/atores-e-atrizes-interpretam-medicos-em-videos-roteirizados-para-vender-produtos-que-prometem-resultados-milagrosos.ghtml"> Clique aqui para ler mais sobre essa notícia</a> <br><br>
</main>
<footer></footer>
</body>
</html>
CSS
/*exercicio 4*/
* {
margin: 0;
padding: 0;
}
header {
text-align: center;
font-size: 25px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-style:italic;
text-decoration: overline;
margin-top: 10px;
color:#415270;
background-color: #F0EFA2;
}
main {
margin-top: 20px;
margin-left: 150px;
margin-right: 150px;
margin-bottom: 50px;
}
body {
background-color:#C9DEE5;
color:black;
}
h1 {
text-align: center;
font-size: 18px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
p {
text-align: justify;
font-size: 15px;
margin: 10px; /*exercicio 6*/
border: 2px solid black; /*exercicio 6*/
padding: 5px; /*exercicio 6*/
}
a {
font-size: 12px;
margin-left: 730px;
color: #558291;
}
.texto-destaque { /*exercicio 1*/
color:#415270;
text-decoration:underline;
}
.titulo-h1 { /*exercicio 2*/
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color:#662B3A
}
.noticia-destaque { /*exercicio 3*/
color:red;
font-size: 20px;
font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
text-decoration: overline;
text-align: center;
font-style: italic;
}
