HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portifolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<main>
<h1>Eleve seu negócio digital a outro nível <strong>com um Front-end de qualidade</strong></h1>
<p>Olá! Sou Carlos Arten, atualmente estou desenvolvendo habilidades em Front-end, através do curso da Alura!
Desta maneira, ajudando pequenos negócios a se destacarem no mercado competitivo!</p>
<br>
<img src="Imagem3.png" alt="Tela notebook com códigos CSS">
<br><br><br>
<p>Acesse agora as redes sociais abaixo, para acompanhar esta trajetória!</p>
<br><br>
<div>
<a href="https://github.com/artencarlos" target="_blank"><button>GitHub</button></a>
<a href="https://www.linkedin.com/in/carloseduardoarten" target="_blank"><button>Linkedin</button></a>
</div>
</main>
<footer>
<br><br><br><br><br><br><br>
<div>Development by - Carlos</div>
<br>
<div rights> All rights reserved - 2025</div>
</footer>
</body>
</html>
CSS
body {
background-color: black;
color: white;
text-align: center;
}
h1 {
background-color: green;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
strong {
color: blue;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
}
button {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.5cm;
color: white;
border-radius: 7cap;
background-color: blue;
}
footer {
font-size: 0.25cm;
font-family: cursive;
}
Resultado
