Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Etapa: Estilizando o Projeto # CSS?

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meu Portfólio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header> 
            <h1>Meu Projeto!</h1>                     
    </header>
    <main>
        <ol>
            <li><a href ="#"><strong>Quem sou eu?</strong></a></li>  
                 <p>Olá sou Andréia Pedrosa, tenho 33 anos moro em Matão/São Paulo,através da minha última formação onde estudei alguns pontos sobre HTML/CSS, despertou meu interesse em aprender mais e assim me tornar uma grande <strong> "Desenvolvedora- Front-End".</strong></p>   
                 <img src="foto.jpeg" alt="Foto da Andréia Pedrosa Sorrindo">  
            <li> <a href="#"><strong> Formação:</strong></a></li> 
                 <p>
                     <ul>
                         <li>Tecnologia em Gestão de Recursos Humanos;</li>
                         <li> Bacharel em Administração;</li>
                         <li> Tecnologia em Análise de Processos Agroindustriais (Recentimente Formada: 2023).</li>
                     </ul> 
                 </p>
            <li> <a href="#"><strong> O que estou buscando!</strong></a></li>
                 <p> Atualmente fiz minha matrícula na Alura com o objetivo de me especializar em "Front-End", <strong> Onde nesse momento  estou em busca de uma oportunidade!</strong> </p>         
        </ol>               
    </main> 
    <footer>
        <p><span>CONTATO</span></p>
        <p> E-mail:andréiapedrosa91@hotmail.com/Telefone(16) 99900-8957</p>    
        <button><a href="https://instagram.com/_andreiapedrosa"> Instagram</a></button>
        <button><a href="https://Github.com/pedrosa24">GitHub</a></button>
    </footer>            
</body>
</html>

body {
        background-color: beige; /* Nesse Caso pegou o corpo do nosso site , cor de fundo*/
        color: black; /* Cor do texto*/  
}
h1{
    color: blueviolet;
    text-align: center;
    text-shadow: 2px 2px 5px blueviolet;
    
}
p {
    margin-top:20px; /* define a margem superior;*/  
    margin-bottom: 50px; /* define a margem inferior */  
    margin-right: 50px; /* define a margem direita*/  
    margin-left: 50px; /* define a margem esquerda*/  
 }
 strong{
        color: #0000FF;
 }
 span{
    color: #FF0000 ;
 }
  main{
    color: black;
    letter-spacing: 1px;
    line-height: 1.8;/*espaçamento entre linhas*/  
    image-rendering: auto;
  }
ol{
    color: black;
}
a{
    color: blueviolet;
}
img{   
    border-radius: 50%;/*Imagem Redonda*/  
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;/*Largura*/ 
}
footer{
    color: black;
    text-align: center;
    text-shadow: 2px 2px 5px blueviolet;
}
2 respostas
solução!

Oii Andreia, tudo bem?

O seu código HTML tá bem estruturado, com o uso adequado de elementos semânticos como <header>, <main>, e <footer>. No CSS, os estilos estão aplicados de forma consistente e organizada. As cores e estilos escolhidos combinam bem entre si, criando uma boa harmonia visual.

Em geral, você está no caminho certo!

Um abraço e bons estudos.

Oi, tudo sim e você? Muito obrigada pelo feedback..:)