Sitio para Tienda de Donas

Tabla de contenidos

Introducción

Este es un sitio estilo One Page, maquetado con HTML y estilizado con CSS, así como el uso de flexbox para la separación de módulos. El sitio número 4 parte del reto personal #100sitioswebchallenge

Puedes ver el sitio en: Donuts Shop

Desafíos

Mismo concepto de Coffee Shop, presentado ligeramente diferente. Creo que es interesante mostrar otros colores y versiones del mismo sitio. Esto últimamente se encuentra en plantillas de themes para sitios web. Creo que resalta el quitar el color de fondo de los productos mostrados en la tienda, y agregué una pequeña sección mostrando los clientes de la tienda, en una franja negra.

Proceso

Paleta de colores y estilos

Paleta de colores: #000000 #D2F0FD #F64B7B

Tipografía: 

HTML y CSS

El sitio se construye primero con HTML para la maquinación y posteriormente los estilos con CSS.

Sitio web responsivo

Esta es la vista del sitio en aparatos móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes ver el sitio en: Donuts Shop

Información Técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS (Flexbox)
  • Sitio responsivo
  • Github
  • Netlify

Recursos

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