0
respostas

[Projeto] PROJECTO FINAL

Me encantó desarrollar la página es un inicio de muchos más. Como me lo propuse, ahora mi projecto se encuentra en GitHub, agradecería mucho si pudierán verlo y darme sus aportes. https://github.com/AnaFzCz/PROYECTOS-HTML---CSS2

HTML

<!DOCTYPE html>
<html lang="en">
<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>Portafolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>

    </header>
    <main>
        <h1 style="text-align: center;">PORTAFOLIO ANA FERNANDEZ</h1>
        <p>Hola, soy Ana Fernandez, de nacionalidad Boliviana especificamente de La Paz, vivo en Brasil desde hace unos meses atrás, soy <span>Técnico Superior en Informática Industrial</span> con experiencia de 1 año, así también tengo base en <span>conocimiento del área de Lógistica, Comercio Exterior, planificación de la demanda</span>, con experincia de 7 años. Hace 6 meses decidí continuar nuevos proyectos y hoy me encuentro siendo parte de la comunidad de Allura.</p>
        <img src="mindfullness.jpg" alt="myself" style="width:250px;height: 500px;">  
        <div class="bloq" >
        <a class="bot" href="https://instagram.com/anafzcz">Instagram</a>
        <a class="bot" href="https://github.com/AnaFzCz">GitLab</a>
        <a class="bot" href="https://linkedin.com/in/ana-fernandez-cruz-238787124">LinkedIn</a>
        <br>
        <br>
        
        </div>
       
    </main>
    <footer></footer>
</body>
</html>

CSS

body{
   background-color: #F9E6CF; 
   color:#69247C;
    font-family: "papyrus";
}

span{
    color:#DA498D;
}

a{
    color: #22D4FD;
    
    border: 1px solid #22D4FD; 
    padding: 10px;
    text-align: center;
}
.bot {
    
    margin-top: 20px;
    display: flex;
    justify-content: center;
    
  }

h1 {
   align-content: center;
}
img {
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  img:hover {
    transform: scaleX(-1);
  }