FrontEnd Store - Maqueta de Tienda Online

Este proyecto es una maqueta frontend estática para una tienda en línea llamada "FrontEnd Store", especializada en la venta de camisetas con temáticas de tecnologías y desarrollo de software. El sitio está construido completamente con HTML5 y CSS3, con un enfoque en un diseño limpio, moderno y responsivo.

Sugerencia: Sube una captura de pantalla de la página principal a tu repositorio y reemplaza el enlace de arriba para mostrar tu trabajo visualmente.

---

✨ Características del Proyecto

El sitio web está compuesto por tres páginas distintas para simular una experiencia de compra básica:

1. Página de Inicio (Tienda): Muestra un catálogo de todos los productos disponibles en una cuadrícula responsiva.
2. Página de Producto: Ofrece una vista detallada de un producto seleccionado, con una descripción y un formulario para elegir talla y cantidad.
3. Página "Nosotros": Presenta información sobre la tienda y destaca sus ventajas competitivas.

Las principales características técnicas incluyen:

• Diseño Responsivo: El layout se adapta perfectamente a dispositivos móviles y de escritorio gracias al uso de Media Queries.
• Maquetación con CSS Grid: Se utiliza CSS Grid de forma extensiva para estructurar las secciones principales, como la cuadrícula de productos, la página de "Nosotros" y el formulario.
• CSS Moderno y Organizado: El código CSS está bien estructurado, utilizando una metodología similar a BEM (ej. producto__nombre, navegacion__enlace) y variables CSS (:root) para una fácil gestión de la paleta de colores.
• Consistencia entre Navegadores: Se incluye normalize.css para garantizar que el sitio se visualice de manera uniforme en los navegadores más populares.

---

🛠️ Tecnologías Utilizadas

Este proyecto fue construido utilizando tecnologías web fundamentales del lado del cliente:

• HTML5
• CSS3
  • Variables (Custom Properties)
  • CSS Grid
  • Flexbox
• Normalize.css
• Google Fonts (para la fuente 'Staatliches')

---

📂 Instalación y Uso

Para ver este proyecto en tu máquina local, sigue estos sencillos pasos:

1. Clona el repositorio:

   git clone [URL_DE_TU_REPOSITORIO_GIT]

2. Navega a la carpeta del proyecto:

   cd [NOMBRE_DE_LA_CARPETA]

3. Abre el archivo index.html en tu navegador web preferido.

¡Y listo! Podrás navegar por el sitio completo.