HTML
<!DOCTYPE html>
<html lang="es-mx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curriculum</title>
<link rel="stylesheet" href="./styless/style.css">
</head>
<body>
<header class="header">
<nav class="header__menu">
<a class="header__menu__link" href="index.html">Home</a>
<a class="header__menu__link" href="about.html">Sobre mí</a>
<a class="header__menu__link" href="curriculum.html">Curriculum</a>
</nav>
</header>
<main class="presentacion">
<section class="presentacion__contenido">
<h1 class="presentacion__contenido__titulo">Mi Curriculum</h1>
<section class="curriculum">
<h3 class="curriculum__subtitulo">Acerca de mi</h3>
<p class="presentacion__contenido__texto">Mi nombre es Daely Arias, tengo 21 años y estudio la carrera de ingenieria en informatica
y sistemas en la UNJBG.
</p>
<h3 class="curriculum__subtitulo">Formacion</h3>
<ul class="Formacion">
<li>ChatGPT: optimizando la calidad de los resultados</li>
<li>Git y GitHub: repositorio, commit y versiones</li>
<li>HTML y CSS: ambientes de desarrollo, estructura de archivos y tags</li>
<li>Lógica de programación: explorar funciones y listas</li>
<li>Lógica de programación: sumérgete en la programación con JavaScript</li>
<li>Practicando Lógica de Programación: Challenge Amigo secreto</li>
</ul>
</section>
</section>
<img class="img_dae" src="me.enc" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer class="footer">
<p>Desarrollado por Aulara Latam</p></footer>
</body>
</html>
CSS
.curriculum__subtitulo{
font-family: 'Krona One', sans-serif;
font-weight: 400;
font-size: 50px;
color: purple;
padding: 0px 0px 30px;
}
.Formacion{
padding: 0px 30px;
font-size: 24px;
font-family: 'Montserrat', sans-serif;
}
.img_dae{
border-radius: 20%;
border-color: #22D4FD;
border: 5px solid #22D4FD;
width: 500px; /* Ancho fijo */
height: 500px; /* Alto fijo */
}
