HTML
<header>
</header>
<main>
<h1>Eleve seu negócio digital a outro nível <strong>com um Front-end de qualidade!</strong></h1>
<p>Olá! me chamo Pedro Felix, desenvolvedor 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>
<button><a href="https://www.instagram.com/p.felix05/" target="_blank">Instagram</a> </button>
<button><a href="https://github.com/PedroHFelix-hub" target="_blank">GitHub</a></button>
<button><a href="https://www.linkedin.com/feed/" target="_blank">LinkedIn</a></button>
<img src="imgs/perfil.png" alt="Minha Foto de Perfil" width="150">
</main>
<footer>
_________________________________________________________________________
CSS
body {
background-color: #000000;
color: white;
}
main {
padding: 20px;
text-align: center;
}
h1 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
strong {
color: #14532D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
p {
color: #eaeaea;
font-family: Arial, Helvetica, sans-serif;
}
button {
background-color: #14532D;
color: #fff;
border-radius: 10;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: #0f3d1c;
}
a {
color: #ffffff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-right: 15px;
}
footer {
background-color: #cfcfcf;
color: #fff;
}
</footer>
