📅 Fecha de entrega: 19 de abril de 2025
📍 Universidad: Universidad Nacional de Jujuy, Facultad de Ingeniería
👨💻 Alumno: Martin Alejandro Bonari
🎓 Carrera: Analista Programador Universitario
👨🏫 Profesores: Pablo Gudiño, Ángel Eduardo Casasola, Alfredo Espinoza
📝 Materia: Programación y Servicios Web
PectoralGym es un prototipo de un sitio web responsivo diseñado para un gimnasio ficticio. Este proyecto aplica las tecnologías más modernas, como HTML5, CSS3, Bootstrap 5+, y jQuery avanzado, para crear una experiencia interactiva, accesible y visualmente atractiva. ¡Vibe Check y High Tech al máximo! 💪✨
Desarrollar un sitio web funcional que sea:
- 100% responsivo, adaptándose a diferentes dispositivos 📱💻.
- Potenciado por Bootstrap 5+ para la estructura y diseño.
- Más dinámico e interactivo utilizando jQuery avanzado ⚡.
- Accesible y optimizado con herramientas como W3 Validator y prácticas de accesibilidad básica.
- HTML5 + Bootstrap para la estructura principal.
- CSS personalizado para ajustar estilos y mejorar el diseño.
- jQuery avanzado para animaciones y control dinámico de eventos.
- Inicio (Home):
- Menú principal con submenús interactivos usando Mega Menú.
- Sección "Hero" con video de fondo 🎥 y animaciones suaves.
- Contador animado 🕒 y carrusel de testimonios personalizado.
- Footer con formulario validado y mapa interactivo 🌍.
- Clases:
- Filtros dinámicos por categoría y galería tipo Masonry.
- Tarjetas con efectos de zoom 🔍 y tabla de horarios responsiva.
- Entrenadores:
- Tarjetas con efecto flip 🔄 y barras de habilidades animadas.
- Sistema de calificación por estrellas ⭐.
- Contacto:
- Formulario con validación en tiempo real y spinner de carga.
- Modal de confirmación para mensajes enviados correctamente.
- Precios:
- Tabla de precios con efecto hover y opción de alternar entre precios mensuales/anuales 💰.
- Tooltips explicativos para mejorar la experiencia del usuario.
- Blog Fitness:
- Diseño estilo periódico 📰 con filtros por etiquetas y sección de comentarios con avatares.
- Clona este repositorio en tu máquina local:
git clone https://github.com/MartinBonari/PectoralGym.git
- Navega hasta la carpeta del proyecto:
cd PectoralGym - Abre el archivo
index.html
-Explora el proyecto a traves del siguiente enlace: [(https://martinmab2.github.io/PectoralGym/)]
Este proyecto fue desarrollado por Martin Alejandro Bonari como parte de la materia Programación y Servicios Web, en la carrera Analista Programador Universitario, en la Universidad Nacional de Jujuy - UNJU, Facultad de Ingeniería. Agradecimiento especial a los profesores Pablo Gudiño, Ángel Eduardo Casasola, y Alfredo Espinoza por su guía en este trabajo.