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

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...