Esta es una Landing Page sencilla maquetada con HTML y estilizada con Bootstrap 5, con un botón que al dar click abre un módulo para mostrar un formulario. El proyecto 90 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Seniors
DESAFÍOS
Para este proyecto tenemos del lado izquierdo dos imágenes con un radius del 50% para hacer las imágenes redondas, y del otro lado tenemos texto incluyendo logo y un botón que abrió un Modal de Bootstrap 5 para mostrar un formulario.
PROCESO
Paleta de colores y estilos
Colores
- Uso de colores Bootstrap 5 predeterminados (Light, dark)
- Otros (#EB8949)
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: Seniors
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Bootstrap 5
- Sitio responsivo
- Github
- Netlify
RECURSOS
Pexels
Deja tus comentarios y sugerencias.
