Sportswear e-commerce landing built with HTML, Bootstrap and jQuery.
FitPro Store is a multi-page sportswear e-commerce landing page. The project showcases a product catalog with category filtering, a brand story, contact form and Google Maps integration. Built as a frontend-only project using classic web technologies.
🔗 Live: fitpro-store
| Page | Description |
|---|---|
| Home | Hero slider, product overview with tabs, brand story, special offers, contact form |
| Shop | Full product catalog with category filtering (Women, Men, Bags, Shoes, Equipment) |
| About | Brand story and mission statement |
| Contacts | Contact form and Google Maps location |
- Product Slider — hero banner with animated slides using Slick.js
- Category Filter — isotope-powered product filtering by category
- Product Tabs — best sellers, featured, new arrivals, top rated tabs
- Quick View Modal — product detail modal with size and color selectors
- Wishlist — add to wishlist with SweetAlert notifications
- Contact Form — email form with Google Maps embed
- Newsletter — email subscription in footer
- Responsive — fully adaptive layout for mobile and desktop
- SEO — meta tags, Open Graph and Twitter Card markup
| Technology | Purpose |
|---|---|
| HTML5 | Page structure |
| CSS3 / SCSS | Styling |
| JavaScript | Interactivity |
| Bootstrap | Responsive grid and components |
| jQuery | DOM manipulation |
| Slick.js | Sliders |
| Isotope | Product filtering |
| Magnific Popup | Image gallery lightbox |
| SweetAlert | Notification popups |
| Font Awesome | Icons |
| Google Maps API | Location map on contacts page |
No build step required — open directly in browser.
# Clone the repository
git clone https://github.com/Vergos1/fitpro-store.git
# Open in browser
open index.html