Esta es una landing page sencilla construída con Bootstrap 5. El proyecto 61 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Gadget I
DESAFÍOS
Como tenía tiempo sin usar Bootstrap, quise tomar este curso de Bootstrap 5 de Traversy Media para hacer refrescar mi memoria. Tenía tiempo sin usarlo, y me recuerda lo útil que es tener muchas de las bases para maqueta un sitio y luego estilizar, porque posteriormente usar estructuras de CSS.
PROCESO
Paleta de colores y estilos
Colores de Bootstrap 5 predeterminados:
- Secondary
- Light
Tipografía:
Uso de font predeterminado de Bootstrap 5:
HTML y CSS (Bootstrap)
El proceso de la creación del sitio es básicamente trabajar con la maquetación y el nombre de las clases de Bootstrap al mismo tiempo.
Sitio web responsivo
Esta es la vista del sitio de manera responsiva
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Gadget I
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- Bootstrap (CSS)
- Sitio responsivo
- Github
- Netlify
Recursos
Unsplash
Deja tus comentarios y sugerencias.
