Cómo Crear Una Página Sencilla Para Fiestas Decembrinas con Bootstrap 5

Sitio Navideño estilo One Page, maquetado con HTML y estilizado con clases de Bootstrap 5, así como algunos estilos manuales. El sitio número 93 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Christmas Party

DESAFÍOS

Para esta navidad quise crear este sitio estilo One Page con la ayuda de los estilos de Bootstrap 5. La portada es muy sencilla donde se tiene una imagen como background y el menu se visualiza información de la fiesta.

PROCESO

Paleta de colores y estilos

Paleta de colores: CF3F31 F2F2F2 FFFFFF

Tipografía: 

Mockup (Bosquejo)

Cree el bosquejo primero con Figma.

HTML y CSS

Este es el sitio final, el cual está construido al mismo tiempo con 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 Party

Información técnica

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

RECURSOS

Unsplash

Theme

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