SITIO WEB RESPONSIVO – TOSTE

Demostración detallada de estructura HTML y CSS del sitio de Unidad II

⬇️ Descargar assets (.zip)

HOJA DE ESTILOS GENERAL

FIGMA


                
🔗 FIGMA
CSS DEL PROYECTO

SECCIÓN HEADER

FIGMA


            

Este componente representa el encabezado del sitio Toaste. Incluye logo, navegación y botón responsive.

VERSIÓN DESKTOP

HTML
CSS

SECCIÓN HERO

FIGMA


            

El Hero es la parte más visible del inicio. Muestra un mensaje central y una imagen representativa del restaurante.

VERSIÓN DESKTOP

HTML
CSS

SECCIÓN ABOUT US

FIGMA


            

La sección About da contexto a la marca y comunica su propuesta de valor.

VERSIÓN DESKTOP

HTML
CSS

SECCIÓN FAVORITES

FIGMA


            

Esta sección presenta productos destacados o recomendados, en forma de tarjetas.

VERSIÓN DESKTOP

HTML
CSS

SECCIÓN CTA

FIGMA


            

Es una franja final previa al footer que busca motivar una acción: explorar el menú.

VERSIÓN DESKTOP

HTML
CSS