Meu projeto, segue os códigos:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Início</title>
<link rel="stylesheet" href="style3.css">
</head>
<body>
<header>Olá mundo!</header>
<main>
<h1>Olá, Chamo-me Matheus Pestana, tenho 20 Anos.</h1>
<p>Ultimamente tenho dispertado um interrese em aprender sobre <Span>programação.</Span> Começei a estudar <strong>HTML</strong> e <strong>CSS</strong> e acho que estou saindo bem!</p>
<h2>Um pouco mais sobre mim:</h2>
<ul>
<li>Gosto de Games;</li>
<li>Sou Vascaíno;</li>
<li>Tenho gosto musical bem variável.</li>
</ul>
<img src="IMG_20240613_230916_275.jpg" alt="Imagem minha!">
<a href="https://www.instagram.com/pestana.47/">Instagram</a>
</main>
<footer>
<p>Essa página é protegida por direitos autorais, para mais informações ligue para: 4002-8922.</p>
</footer>
</body>
</html>
body {
background-color: #F1EFEC;
}
header{
font-size: 25px;
text-align: center;
}
h1{
font-size: 20px;
}
p{
width: 28%;
}
img {
width: 10%;
border-radius: 5px;
display: block;
margin-left: 10%;
}
h2{
font-size: 20px;
}
Span{
color: #123458;
font-weight: bold;
}
strong{
color: #123458;
}
a{
font-weight:bold;
color:black;
border:5px solid #D4C9BE;
border-radius: 5px;
background-color: #D4C9BE;
}
footer{
margin-top: 400px;
}
