Maqueta Una Tienda Sencilla Navideña Con Bootstrap 5

Este un sitio sencillo estilo CSS Grid, maquetado con HTML y estilizado con clases de Bootstrap 5, así como otros estilos manuales. El sitio número 94 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Christmas Shop

DESAFÍOS

Tuve que recordar de nuevo el uso de Grid para este proyecto porque tenía tiempo son usarlo. Es una combinación entre backgrounds de fotografía y un background de color.

PROCESO

Paleta de colores y estilos

Paleta de colores: 991A12 FFFFFF 000000

Tipografía: 

Mockup (Bosquejo)

El bosquejo está hecho en Figma.

HTML y CSS

Este es el sitio final después de trabajar con HTML, CSS y Bootstrap 5.

Sitio web responsivo

Por último puedes 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 Shop

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS (Flex)
  • Bootstrap 5
  • Sitio responsivo
  • Github
  • Netlify

RECURSOS

Unsplash

Pexels

Otros

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....