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

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...