Space Tourism es una práctica basada en el reto de Frontend Mentor. Representa una experiencia ficticia de turismo espacial, con una interfaz moderna, diseño responsive y navegación entre secciones como destino, tripulación y tecnología.
La página simula un sitio web de una empresa turística del espacio exterior. Se pueden explorar distintas secciones como:
- Destinos espaciales
- Información de la tripulación
- Tecnología utilizada
El diseño está inspirado en el desafío original de Frontend Mentor y adaptado a un entorno realista con buenas prácticas de HTML, CSS y JavaScript.
- HTML5 semántico
- CSS3 personalizado
- JavaScript (funcionalidades interactivas)
- Responsive Design (Mobile First)
- Navegación con checkbox/menu hamburguesa
- SEO básico (meta tags, OG tags)
- Favicon
- Header: logo, navegación con menú hamburguesa y enlaces a secciones
- Home: mensaje de bienvenida y llamado a explorar
- Destination: (html/destination.html) destinos espaciales
- Crew: (html/crew.html) presentación del equipo
- Technology: (html/technology.html) detalles de la tecnología espacial
- Botón EXPLORE: redirige a sección destacada
.
├── index.html
├── html/
│ ├── destination.html
│ ├── crew.html
│ └── technology.html
├── css/
│ └── style.css
├── js/
│ └── script.js
├── assets/
│ ├── favicon-32x32.png
│ ├── home/
│ │ └── background-home-desktop.jpg
│ ├── shared/
│ │ ├── logo.svg
│ │ ├── icon-hamburger.svg
│ │ └── icon-close.svg- Añadir animaciones suaves entre secciones
- Agregar transiciones con JavaScript
- Optimizar imágenes para carga rápida
- Añadir versión en español de todos los textos
- Adaptar navegación con enfoque accesible (teclado + lector pantalla)
Bryan14Saenz
“Programa no para resolver problemas, sino para crear soluciones.”
📧 Correo: 14bryansaenz@gmail.com
🌐 GitHub: github.com/Bryan14Saenz
🔗 LinkedIn: linkedin.com/in/14bryansaenz