Esta es una Landing Page que al darle click al botón abre un formulario por medio de Modal de Bootstrap 5. El proyecto 84 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: UI/UX
DESAFÍOS
Para este proyecto quise usar un background estilo 3D, en donde estoy separando el showcase y el footer. En el showcase tengo el botón que abrirá un módulo estilo Lightbox para mostrar un formulario.
PROCESO
Paleta de colores y estilos
Colores
- Uso de colores Bootstrap 5 predeterminados (Light)
- Otros (#5344DF)
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: UI/UX
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Bootstrap 5
- Sitio responsivo
- Github
- Netlify
RECURSOS
Freepik
- Image by myriammira on Freepik
Deja tus comentarios y sugerencias.
