portal-viajes

🌍 Portal de Viajes

Bienvenido al Portal de Viajes, un proyecto web desarrollado en HTML5 y CSS3 cuyo objetivo es ofrecer información clara, atractiva y organizada sobre diversos destinos turísticos alrededor del mundo.

Este proyecto forma parte de una práctica académica para el módulo de Lenguajes de Marcas, donde se aplican conceptos fundamentales de estructura web, estilos externos, listas, enlaces, formularios y organización de archivos.

---

✈️ Características principales

• Página principal con catálogo de destinos.
• 5 páginas individuales de destinos turísticos:
  • Barcelona
  • Tokio
  • Roma
  • Nueva York
  • Sídney
• Cada destino incluye:
  • Imagen representativa
  • Lista ordenada de atracciones
  • Lista desordenada de gastronomía
  • Enlace externo al transporte local
  • Enlace para volver al inicio
• Página de contacto con:
  • Formulario funcional
  • Envío de datos por EmailJS
  • Generación automática de archivo .txt con los datos del formulario

---

🗂️ Estructura del proyecto

PORTAL VIAJES/ │ ├─ index.html ├─ barcelona.html ├─ tokio.html ├─ roma.html ├─ nueva-york.html ├─ sydney.html ├─ contacto.html │ ├─ css/ │ └─ style.css │ ├─ js/ │ └─ contacto.js │ └─ images/ ├─ barcelona.jpg ├─ tokio.jpg ├─ roma.jpg ├─ nueva-york.jpg ├─ sydney.jpg └─ logo.png

---

💻 Tecnologías utilizadas

• HTML5 – estructura del portal
• CSS3 – estilos externos y diseño responsive
• JavaScript – funciones del formulario
• EmailJS – envío de correos sin servidor
• GitHub Pages – despliegue del sitio web

---

📬 Funcionalidad del formulario de contacto

El formulario permite:

✔️ Guardar los datos en un archivo .txt

Incluye:

• Nombre
• Correo
• Mensaje
• Fecha y hora del envío

✔️ Enviar los datos por correo usando EmailJS

El usuario recibe confirmación visual del envío o un mensaje personalizado en caso de error.

---

🚀 Cómo ver el proyecto online

Si estás viendo este repositorio en GitHub, puedes acceder al sitio desplegado aquí:

👉 https://dehanmesolo.github.io/portal-viajes/

---

👨‍💻 Autor

Carlos Henriquez
Proyecto académico – IES El Rincón
Curso: Desarrollo de Aplicaciones Multiplataforma (1º DAM)

---

📄 Licencia

Este proyecto se distribuye con fines educativos.
Puedes modificarlo y adaptarlo libremente.