1
resposta

[Projeto] Meu projeto

Assim ficou o resultado a partir do curso introdutório, melhorarei a partir do proximo curso sobre classes, posicionamento e flexbox.
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>
1 resposta

Oi, Pedro, tudo bem?

Achei muito legal a forma como você já estruturou as seções no HTML e aplicou estilizações bem bacanas!

Continue praticando com essa mesma dedicação.

Bons estudos!

Sucesso

Imagem da comunidade