Sitio web responsivo para Ferretería Herramientas Plus, diseñado para mostrar productos, servicios y facilitar el contacto con clientes.
- Diseño moderno y responsive: Adaptado a todos los dispositivos
- Video de fondo: Hero section con video en movimiento
- Catálogo de productos: Organizado por categorías
- Sistema de filtrado: Filtra productos por categorías
- Formularios interactivos: Con validación completa
- Blog integrado: Para contenido informativo
- Autenticación de usuarios: Sistema de registro y login
Puedes ver el demo del proyecto aquí
- HTML5: Estructura semántica del sitio
- CSS3: Estilos y animaciones
- JavaScript: Funcionalidad e interacciones
- CSS Grid & Flexbox: Maquetación responsive
| Color | Hexadecimal | Uso |
|---|---|---|
| Naranja principal | #D35400 | Botones, elementos destacados |
| Azul oscuro | #2C3E50 | Encabezados, fondo footer |
| Naranja claro | #E67E22 | Hover effects, elementos secundarios |
| Gris claro | #ECF0F1 | Fondos, elementos de contraste |
| Verde | #27AE60 | Confirmaciones, precios |
| Rojo | #E74C3C | Errores, alertas |
- Menú responsive y consistente en todas las páginas
- Navegación intuitiva entre secciones
- Footer con información de contacto
- Visualización de productos por categorías
- Sistema de filtrado (herramientas manuales, eléctricas, materiales)
- Ficha de producto con imagen, nombre, descripción y precio
- Simulación de "agregar al carrito"
- Formulario de contacto con validación
- Sistema de registro y autenticación
- Validación de campos en tiempo real
- Mensajes de confirmación y error
- Diseño completamente responsive
- Elementos visuales atractivos (imágenes, videos)
- Feedback visual en interacciones
- Animaciones y transiciones CSS
- Clona el repositorio:
https://github.com/oodpipe/Ferreteria.git