🐶 BowieTails

Sitio web estático dedicado al mundo de los Border Collies, inspirado en mi perro Bowie. Este proyecto fue desarrollado como ejercicio práctico para dominar las bases del desarrollo web front-end, centrándose en la maquetación semántica y el diseño con CSS puro.

🚀 Puedes ver el sitio en vivo aquí: BowieTails en GitHub Pages

---

🎯 Objetivo del Proyecto

El objetivo principal fue practicar y consolidar conocimientos en:

• HTML5 Semántico: Uso correcto de etiquetas como nav, main, section, footer y fieldset.
• CSS3 Moderno: Implementación de Flexbox para el diseño de la interfaz y el sistema de grillas.
• Diseño Responsive: Adaptación total de la interfaz para dispositivos móviles mediante Media Queries.
• Experiencia de Usuario (UX): Creación de formularios de contacto y adopción con validaciones nativas de HTML.

---

🛠️ Tecnologías utilizadas

• HTML5: Estructura y contenido.
• CSS3: Estilos, animaciones de hover y diseño adaptable (Mobile First).
• Google Fonts: Tipografías personalizadas para mejorar la legibilidad.
• GitHub Pages: Hosting para la publicación del sitio.

---

📁 Estructura de archivos

├── css/
│   └── styles.css          # Hoja de estilos principal (Flexbox & Media Queries)
├── icons/                  # Iconografía de redes sociales y logo
├── img/                    # Activos visuales (Historias e información)
├── index.html              # Página principal
├── adopta.html             # Formulario de adopción ficticio
├── contacto.html           # Formulario de contacto
├── agradecimiento.html     # Pantalla de éxito de contacto
└── formularioEnviado.html  # Pantalla de éxito de adopción

---

✨ Características destacadas

• Navegación Intuitiva: Menú con indicadores de página activa para mejorar la orientación del usuario.
• Formularios Completos: Uso de diversos tipos de inputs (tel, email, select, textarea) organizados con fieldset y legend.
• Interactividad: Efectos visuales de transición en botones, enlaces y redes sociales.
• Optimización Mobile: Ajuste automático de la disposición de bloques y menús para pantallas pequeñas.

---

📝 Notas del autor

Este es un proyecto puramente ficticio y académico. Los formularios no envían datos a un servidor real, sino que redirigen a páginas de agradecimiento para demostrar el flujo de usuario.

Desarrollado por Tobias Tinaro.