Landing Page Efectiva con Bootstrap y Modal de Registro

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

• Bootstrap
• Template

Freepik

• Image by myriammira on Freepik

Deja tus comentarios y sugerencias.