html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Homenaje para Sheilla </title>
<link rel="stylesheet" href="homenaje-sheilla.css">
</head>
<body>
<main class="homenaje-container">
<!-- Dedicatoria principal -->
<section class="dedicatoria">
<h1 class="titulo-homenaje">Homenaje para mi amor</h1>
<h2 class="nombre-amor">Sheilla</h2>
<div class="texto-dedicatoria">
<p>Mi querida Sheilla,</p>
<p>
Esta página es mi regalo especial para ti. Mientras aprendo HTML y CSS en Oracle Next Education,
quise crear algo hermoso que muestre todo lo que significas para mí.
</p>
<p>
Eres mi inspiración, mi compañera de vida y la razón por la que cada día quiero ser mejor.
Gracias por apoyarme en mis estudios y en cada sueño que persigo.
</p>
<p class="mensaje-especial">¡Te amo infinitamente! </p>
</div>
</section>
<!-- Galería de fotos -->
<section class="galeria">
<h3 class="titulo-galeria">Nuestros momentos especiales</h3>
<div class="fotos-grid">
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Primera cita</p>
</div>
</div>
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Nuestro compromiso</p>
</div>
</div>
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Día de nuestra boda</p>
</div>
</div>
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Luna de miel</p>
</div>
</div>
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Tu cumpleaños</p>
</div>
</div>
<div class="foto-item">
<div class="foto-placeholder">
<span class="icono-foto"></span>
<p>Nosotros hoy</p>
</div>
</div>
</div>
</section>
<!-- Enlaces especiales -->
<section class="enlaces-especiales">
<h3 class="titulo-enlaces">Cosas que te gustan</h3>
<div class="lista-enlaces">
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" class="enlace-especial" target="_blank">
Tu canción favorita
</a>
<a href="https://www.netflix.com" class="enlace-especial" target="_blank">
Nuestra serie favorita
</a>
<a href="https://www.google.com/maps/search/restaurantes+románticos" class="enlace-especial" target="_blank">
Restaurante especial
</a>
<a href="https://www.spotify.com" class="enlace-especial" target="_blank">
Playlist romántica
</a>
</div>
</section>
<!-- Footer -->
<footer class="footer-amor">
<p> Creado con amor por tu esposo que te ama </p>
<p class="fecha">Agosto 2025</p>
</footer>
</main>
</body>
</html>
