Esta es una Landing Page maquetada con HTML y estilizada con Bootstrap, con diseño responsivo. El proyecto 88 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Travel
DESAFÍOS
En este ejercicio tendremos en la parte superior un logo para la landing page y posteriormente dividimos en dos el showcase. En donde un lado tendrá texto con un botón que te lleva a un módulo Lightbox donde se muestra un formulario. Y del otro lado tenemos dos imágenes acomodadas con flex.
PROCESO
Paleta de colores y estilos
Colores
- Uso de colores Bootstrap 5 predeterminados (Light, dark)
Tipografía
- Uso de font predeterminado de Bootstrap 5: Native Font Stack
Mockup (Bosquejo)
Este es el proceso inicial del proyecto donde se construye el bosquejo.
HTML y CSS (Bootstrap)
El proceso de HTML y CSS con Bootstrap es simultaneo.
Sitio web responsivo
Vista del sitio web de manera responsivo
Publicación del sitio
Consulta el código del sitio en: Github
Puedes visualizar el sitio en: Travel
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Bootstrap 5
- Sitio responsivo
- Github
- Netlify
RECURSOS
Pexels
Unsplash
Deja tus comentarios y sugerencias.