🦎 Club Lagartos Web

Pasión por el Deporte, Diseño Premium y Adrenalina.

Bienvenido al repositorio oficial del sitio web de Club Lagartos. Este proyecto ha sido rediseñado para ofrecer una experiencia visual inmersiva, moderna y totalmente responsiva, reflejando el espíritu dinámico y competitivo del club.

---

📖 Descripción

La web de Club Lagartos es el punto de encuentro digital para los amantes del deporte al aire libre en la sierra madrileña. El sitio sirve como hub central para sus tres grandes pilares: Escuela Deportiva, Trail Running y Rally MTB.

✨ Características Principales

• 🎨 Diseño Premium Dark Mode: Una estética sofisticada en tonos oscuros (#0a0a0a) con acentos en verde neón (#00ff88) .
• 📱 Totalmente Responsivo: Adaptado perfectamente a móviles, tablets y escritorio gracias a Bootstrap 5 y media queries personalizadas.
• ⚡ Animaciones Interactivas: Elementos que responden al scroll (fade-in-up) y efectos hover-pulse en tarjetas y accesos directos.
• 🧩 Navegación Intuitiva: Estructura clara con accesos rápidos a reglamentos, ubicaciones e inscripciones.
• 🖼️ Héroes Inmersivos: Cabeceras con efecto parallax y gran impacto visual en todas las páginas internas.

🛠️ Tecnologías

Este proyecto está construido utilizando estándares web modernos y limpios:

• HTML5 Semántico: Estructura optimizada y accesible.
• CSS3 Moderno: Uso de variables CSS (:root), Flexbox, Grid y animaciones keyframes.
• Bootstrap 5.3: Framework base para el sistema de rejilla y componentes UI.
• Google Fonts:
  • Oswald: Para títulos y encabezados (fuerza y carácter).
  • Inter: Para cuerpos de texto (lectura limpia).
• JavaScript (Vanilla): Lógica ligera para el Intersection Observer (animaciones al hacer scroll).

📂 Estructura del Proyecto

/
├── index.html        # Página de Inicio (Landing Page)
├── escuela.html      # Sección Escuela Deportiva
├── trail.html        # Sección Trail Running
├── rally.html        # Sección Rally Robledo
├── notyet.html       # Página "Próximamente" (Placeholder estilizado)
└── resources/
    ├── css/
    │   └── styles.css    # Hoja de estilos global y variables de diseño
    ├── images/           # Activos gráficos, logos y fotografías
    └── js/               # Scripts de Bootstrap

🚀 Despliegue y Uso

Para visualizar el proyecto localmente:

1. Clona este repositorio o descarga los archivos.
2. Abre el archivo index.html en tu navegador web favorito (Chrome, Firefox, Safari).
3. ¡Disfruta de la experiencia!

📞 Contacto y Soporte

¿Tienes alguna duda sobre el club o sugerencia para la web?

• 📧 Email: lagartosdeportes@gmail.com
• 📷 Instagram: @clublagartos

---

© 2026 Club Lagartos. Todos los derechos reservados.