Construcción De Landing Page Para Navidad con Bootstrap 5

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.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....