https://github.com/sofiia-0/swtiendaropa
Una tienda online de ropa con una sección de productos destacados, diseñada con HTML y CSS. Incluye un diseño responsivo y moderno, adaptado para pantallas móviles con efecto carrusel. Ideal para mostrar productos de forma atractiva y funcional.
https://github.com/sofiia-0/swtiendaropa
css html htmlcss miniproject tiendaderopa tiendaropa
Last synced: 2 months ago
JSON representation
Una tienda online de ropa con una sección de productos destacados, diseñada con HTML y CSS. Incluye un diseño responsivo y moderno, adaptado para pantallas móviles con efecto carrusel. Ideal para mostrar productos de forma atractiva y funcional.
- Host: GitHub
- URL: https://github.com/sofiia-0/swtiendaropa
- Owner: sofiia-0
- Created: 2025-04-08T04:33:29.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-08T04:57:55.000Z (2 months ago)
- Last Synced: 2025-04-08T05:28:55.921Z (2 months ago)
- Topics: css, html, htmlcss, miniproject, tiendaderopa, tiendaropa
- Language: CSS
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTML & CSS - Mini Proyecto: Tienda Online de Ropa (Sección de Productos Destacados)
Una sección funcional para mostrar productos destacados en una tienda online de ropa. Este mini proyecto está desarrollado con HTML semántico y CSS moderno, ofrenciendo una experiencia atractiva.
## 🍓 Características
- Diseño limpio, moderno y adaptativo.
- Carrusel horizontal para dispositivos móviles.
- Tipografías personalizadas desde Google Fonts.
- Paleta de colores cálida y amigable.
- Efectos `hover` en botones y tarjetas.
- Código organizado y fácil de personalizar.
## ⚙️ Tecnologías Utilizadas
- HTML5
- CSS3 (Flexbox, Media Queries)
- Google Fonts
## 🚀 Instalación y Uso
1. Clona este repositorio:
```bash
git clone https://github.com/sofiia-0/SWTiendaRopa.git
## ❓ Preguntas Frecuentes
### 1. **¿Qué ajustes hiciste con DevTools y cómo mejoraron el diseño?**
Ajusté márgenes/paddings y verifiqué colores y tipografías. Esto permitió pulir el diseño y asegurar una visualización responsive, mejorando la experiencia del usuario.
### 2. **¿Cómo refleja tu diseño un enfoque comercial efectivo?**
El diseño resalta visualmente los productos con una jerarquía clara, utiliza botones de acción como "Comprar Ahora" y un estilo atractivo. Esto está pensado para captar la atención de los usuario.