Sitio para Tienda de Smoothies

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 tres parte del reto personal #100sitioswebchallenge

Puedes ver el sitio en: Smoothies Shop

Desafíos

Siguiendo la misma versión de Coffee Shop, quise jugar un poco más con la sección de la tienda, donde separé los productos por fila agregando un botón también. También quise cambiar un poco al estructura de Acerca así como los Testimonios.

Proceso

Paleta de colores y estilos

Paleta de colores: #FFFDFD #F3DDDE #820A24 #4D4D4D

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: Smoothies 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