<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Andriu</title>
<style>
body {
font-family: Georgia, serif;
max-width: 720px;
margin: 60px auto;
padding: 20px;
line-height: 1.6;
}
h1 {
margin-top: 40px;
}
a {
color: #1a73e8;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<!-- Logo animado -->
<div style="max-width:180px; margin-bottom:30px;">
<video autoplay muted loop playsinline
style="width:100%; height:auto; display:block;">
<source src="logo.MP4" type="video/MP4">
</video>
</div>
<p>
<strong>Bienvenido.</strong><br>
Este es un espacio personal donde escribo para entender, integrar y recordar.<br>
No hay prisa ni promesas: solo palabras en proceso.
</p>
<h1>Andriu</h1>
<h2>Secciones</h2>
<ul>
<li><a href="/mi-historia">Mi historia</a></li>
<li><a href="/reflexiones">Reflexiones</a></li>
<li><a href="/poemas">Poemas y cuentos</a></li>
</ul>
<p>En construcción, paso a paso.</p>
</body>
</html>