Crear una página web en CodePen que integre distintos tipos de contenido multimedia, aplicando buenas prácticas de desarrollo web y usando las herramientas estudiadas en clase.

---

🛠️ Herramienta obligatoria

• CodePen (HTML + CSS, JavaScript opcional)

---

📄 Requisitos de la página web

Tu página debe cumplir todos los siguientes puntos:

1️⃣ Estructura básica (obligatorio)

La web debe tener:

• Un encabezado (header) con:
  • Título de la página
  • Breve descripción del contenido
• Un contenido principal (main) dividido en secciones
• Un pie de página (footer) con tu nombre y curso

---

2️⃣ Imagen

• Incluir al menos una imagen.
• Puede proceder de:
  • Un banco de imágenes
  • Canva
  • GIMP
  • Una herramienta de IA
• Requisitos:
  • Etiqueta <img>
  • Atributo alt bien descrito
  • Tamaño adecuado (no excesivamente grande)

---

3️⃣ Audio

• Incluir un audio funcional usando la etiqueta <audio>.
• Requisitos:
  • Controles visibles
  • Sin reproducción automática
• El audio puede ser:
  • Grabado por ti
  • De un banco de sonidos
  • Un archivo de ejemplo online

---

4️⃣ Geolocalización

• Incluir un mapa incrustado de Google Maps.
• Puede mostrar:
  • Un lugar significativo
  • El centro educativo
  • Un sitio relacionado con la temática de la web
• El mapa debe:
  • Usar un <iframe>
  • Verse correctamente en móvil y ordenador

---

5️⃣ Vídeo

• Incluir un vídeo incrustado.
• Recomendado:
  • Vídeo de YouTube o creado con Canva
• Requisitos:
  • Usar <iframe> o <video>
  • No subir vídeos pesados directamente a la web

---

6️⃣ Diseño (CSS)

• Aplicar estilos básicos con CSS:
  • Tipografía legible
  • Márgenes y espacios bien definidos
  • Diseño limpio y ordenado
• El diseño debe ser:
  • Claro
  • Responsive (que se adapte a distintos tamaños de pantalla)

---

📦 Entrega

• Entregar el enlace público de tu proyecto en CodePen.
• Asegúrate de que:
  • El enlace funciona
  • El contenido se ve correctamente
  • No hay errores evidentes