Archivo HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Alexis VeNa</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="https://www.instagram.com/juliannava27.an?igsh=NHV6YWp0am0xYWVl" target="_blank">Instagram</a></li>
<li><a href="https://github.com/Alexis-VeNa27" target="_blank">GitHub</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h1><strong>Bienvenido a mi portafolio</strong></h1>
<p>¡Hola! Soy Alexis Julian Velazquez Nava, tengo 26 años, estoy casado y tengo una hija hermosa llamada Neylan. Amo la lucha libre mexicana, los tacos al pastor, el agua de horchata y el tequila. En mi carrera, me entusiasma el desarrollo web. Aunque aún no me inclino específicamente hacia el backend o el frontend, me dedico al desarrollo fullstack. Me fascina crear sistemas altamente usables, utilizando métodos centrados en el usuario para ofrecer una experiencia óptima.</p>
<img src="/recursos/bb.jpg" alt="Foto de mi serie favorita Breaking Bad" width="300" height="auto">
</section>
</main>
<footer>
<p>Contacto: navajulian652@gmail.com | © 2025 Todos los derechos reservados.</p>
</footer>
</body>
</html>
Archivo CSS:
body {
background: linear-gradient(135deg, #6a11cb, #2575fc);
color: #e0f7fa;
font-family: "Comic Sans MS", cursive, sans-serif;
text-align: center;
}
h1 {
color: #00bcd4;
font-size: 2.5em;
text-shadow: 2px 2px #82b1ff;
}
nav ul {
background: #0088cc;
padding: 10px;
border-radius: 15px;
}
nav a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
footer {
background: #01579b;
color: white;
padding: 10px;
}
