HTML de base
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Portfólio de Joana Santos</title>
<link rel="stylesheet" href ="style.css">
</head>
<body>
<header>
<img id="logotipo" src="frontend logotipo.png" alt="Frontend logotipo. Uma tela de computador com um site aberto" width="85" height="85">
</header>
<main>
<h1>Eleve seu negócio digital a outro nível <strong>um Front-end de qualidade!</strong></h1>
<p>Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em <strong>React, HTML e CSS</strong>. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
<a class="rede" href="https://www.instagram.com">Instagram</a>
<a class="rede" href="http://www.github.com">Github</a>
<br>
<br>
<img class="joana" src="Imagem.png" alt="Foto de Joana Santos">
</main>
<footer>
<p>Contatos:<br>
(xx)xxxxx-xxxx <br>
contato@email.com
</p>
</footer>
</body>
</html>
Questão 1: Harmonia de cores no CSS
body {
background-color: #E0DAC1; /*Cor principal*/
color: #2B2F61; /*Cor secundária 1*/
}
strong {
color: #9CB5A3;
}
h1 {
color: #8F7575; /*Cor secundária 2*/
}
p {
color: #2B2F61; /*Cor secundária 1*/
}
