<!DOCTYPE html>
<html lang="es-co">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Ada Contreras</title>
</head>
<body>
<main>
<div class="texto">
<h1>Portafolio Dev <span>Ada Contreras</span></h1>
<p>Estoy apasionada por la creación de experiencias web intuitivas y atractivas, me encuentro en plena formación en desarrollo front-end, mejorando mis conocimientos en HTML, CSS, JavaScript y frameworks como React. Mi enfoque está en mejorar constantemente mis conocimientos y aplicar las mejores prácticas de desarrollo para construir interfaces eficientes y accesibles.</p>
<p>Me entusiasma formar parte de un equipo donde pueda aprender, crecer y aportar valor con creatividad y compromiso. Busco una oportunidad para desarrollar mis habilidades en un entorno profesional y seguir ampliando mi experiencia en el mundo del desarrollo web.</p>
<div class="botones">
<a href="https://www.instagram.com" class="boton" target="_blank">Instagram</a>
<a href="https://github.com/" class="boton" target="_blank">GitHub</a>
</div>
</div>
<div class="img">
<img src="img/perfilredondo2.png" alt="Fotografia de perfil de Ada">
</div>
</main>
</body>
</html>
body {
background-color: black;
color: white;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
main {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
justify-content: space-between;
max-width: 900px;
padding: 20px;
}
p {
text-align: justify;
}
span {
color: aqua;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
img {
height: 300px;
width: 300px;
}
.botones {
display: flex;
justify-content: center;
gap: 10px;
}
.boton {
background-color: aqua;
color: black;
font-size: 15px;
border-radius: 10px;
padding: 10px 40px 10px 40px;
text-decoration: none;
}
