Esta es una Landing Page maquetada con HTML y con Bootstrap 5 usamos las clases para sus estilos. El sitio 92 del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Christmas Coming Soon
DESAFÍOS
Para este proyecto dividí la pantalla en dos con flex y posteriormente empecé a construir. De alguna manera tenía que calcular cómo mostrar la imagen del lado derecho porque no quería que se mostrara por porcentaje, así que la ajusté a una medida fija.
PROCESO
Paleta de colores y estilos
Paleta de colores: 3B4338 A3302A FFFFFF
Tipografía:
Mockup (Bosquejo)
Aquí es muestra el bosquejo, maquetado en Figma.
HTML y CSS
Y el proceso de construcción fue al mismo tiempo entre HTML y Bootstrap.
Sitio web responsivo
Por último puede ver aquí el sitio de manera responsiva.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Christmas Coming Soon
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex)
- Bootstrap 5
- Sitio responsivo
- Github
- Netlify
RECURSOS
Unsplash
Theme
Deja tus comentarios y sugerencias.