Bienvenido a nuestro supermercado

Esta página fue creada inspirada en el estilo del supermercado Walmart, usando los colores #0071dc (azul), #ffffff (blanco), #ffb70f (amarillo), #E8F7FF (celeste claro) y #004f9a para efectos de hover.

Todo fue desarrollado siguiendo la estructura semántica de HTML5, utilizando etiquetas como <header>, <main>, <nav> y <footer>.

Más información

Ofrecemos frutas, verduras, carnes, lácteos y mucho más. ¡Visítanos!

Estructura del sitio

El proyecto está organizado en carpetas de la siguiente forma:

• /assets – Contiene imágenes y recursos multimedia.
• /css – Contiene los estilos principales main.css
• index.html – Página principal.
• login.html – Página de acceso.
• detail.html – Sección de detalle de los productos.

Técnicas utilizadas

Se ha usado Flexbox para organizar los elementos de manera flexible y responsiva. También se ha aplicado diseño responsive con @media queries para asegurar que el sitio se vea bien en distintos tamaños de pantalla.

Reutilización de estilos

Se utilizan clases reutilizables en distintos archivos HTML para mantener coherencia visual, como botones, contenedores y elementos de navegación. El archivo css/main.css centraliza los estilos compartidos entre todas las páginas.

Repositorio

Puedes ver el código fuente en el siguiente repositorio de GitHub: https://github.com/eduardobizz97-alumnos-cei-es/dw-abril-2025