Este proyecto es el número 47 del reto personal #100sitioswebchallenge, y representa una landing page sencilla hecha solamente con las clases de Bootstrap con una forma de registro.
Puedes visualizar el sitio en: Landing Signup
DESAFÍOS
Este proyecto me base en la plantilla de Robust. Si te fijas en el sitio manejo márgenes, paddings, colores para los bloques y botones, y hasta el texto tiene diferentes características.
Bootstrap me permite hacer proyectos rápidos como este, porque una vez que tengas la noción de cómo llamar a sus clases, maquetar el sitio se vuelve más sencillo.
PROCESO
Paleta de colores y estilos
Paleta de colores: 000000 FFFFFF 606A71 0C9648
Tipografía: Roboto de Google Fonts
Íconos: Font Awesome
HTML y CSS
Esta es la vista del sitio antes y después de activar la llamada a la librería de Bootstrap, la cuál nos permitirá que maneje todos los estilos predeterminados que Bootstrap usa.
Sitio web responsivo
Otra ventaja es que puede no ser necesario crear estilos aparte para la vista móvil, porque las mismas clases de Bootstrap responden cuando el sitio es responsivo.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Landing Signup
Información técnica
- Figma
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Bootstrap)
- Sitio responsivo
- Github
- Netlify
Recursos
Esta fué una landing page sencilla hecha solamente con las clases de Bootstrap con una forma de registro.
