HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercícios Aula 3</title>
<link rel="stylesheet" href="style_exer4.css">
</head>
<body>
<header>
<h1><strong>Venha conhecer a InvistaBem!</strong><img src="charlie_transp.png" alt="pássaro sabiá-laranjeira como logo da InvistaBem"></h1>
</header>
<main>
<h2>Invista com segurança e credibilidade com os melhores profissionais do Mercado Financeiro</h2>
<p>Olá, sou Charlie Wellington Windsor, assessor financeiro e ajudo pessoas e empresas a tomar decisões financeiras, fornecendo consultoria e assessoria com qualidade e segurança. <br><br>
Que tal agendarmos uma conversa?</p>
<h3>Tipos de Investimentos:</h3>
<ul>
<li>Tesouro Direto</li>
<li>CDB</li>
<li>LCI</li>
<li>LCA</li>
<li>Ações de Empresas</li>
<li>Fundos de Investimentos</li>
<li>Fundos Imobiliários</li>
<li>Fundos de Previdência</li>
<li>Entre outros</li>
</ul>
<p>Entre em contato conosco e agende uma consultoria <a href="https://api.whatsapp.com/send?phone=5511000000000"><img src="WhatsApp-icone.png"></a></p>
<a href="http://instagram.com"><button>Instagram</a></button>
<a href="http://github.com"><button>Github </a></button>
</main>
<br>
<footer>
Página Desenvolvida por WebUrias <br>
Todos Direitos Autorais Reservados
</footer>
</body>
</html>
CSS
h1 {
text-align: center;
font-family:Tahoma;
color:darkorange;
text-decoration:underline;
}
body {
color: black;
font-size: 25px;
font-family:Tahoma;
background-image: url(imagem_financeira_opaca.jpeg);
background-size:cover;
}
ul {
font-weight: bolder;
line-height: 60px;
}
button {
background-color: aqua;
border-radius: 30cm;
padding: 20px;
font-weight:bold;
font-size: 20px;
font-family:Tahoma;
align-content: center;
}
footer {
text-align: center;
background-color: darkorange;
color: black;
font-family:Tahoma;
font-size: medium;
font-weight: bolder;
position:sticky;
}
