Sportfit

Sportfit is a free, multi-page Bootstrap 4 HTML5 website template for fitness clubs and gyms, created by Colorlib, that packages a sortable class timetable, course listings, a blog, and 5 UI elements into six HTML files.

What is Sportfit?

Sportfit is a free, open-source HTML5 website template built on Bootstrap v4.1.2 by Colorlib, designed for fitness clubs, gyms, and personal trainers. It takes plain HTML, CSS, and JavaScript files as input and produces a complete, responsive marketing website with a dark, modern look. The download includes 6 HTML files, all demo images, CSS and JavaScript sources, and library files such as Owl Carousel, FontAwesome, Colorbox, and ScrollMagic.

Key Features

• Bootstrap v4.1.2 foundation — The template uses Bootstrap 4.1.2's responsive grid and utility classes, and is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
• Multi-page layout — Six HTML files let you build separate pages for home, classes, schedule, blog, elements, and contact instead of a single scrolling page.
• Sortable timetable grid — The class schedule appears as a filterable grid powered by Isotope, so visitors can sort fitness classes by category.
• Hero header with parallax — A hero header, parallax background sections, and animated call-to-action buttons are included to capture visitor attention.
• Modal Vimeo video player — A Colorbox-based modal opens Vimeo videos, letting you show gym promos or workout demos without navigating away.
• Gallery slider and blog — An Owl Carousel drives the image gallery, and a blog section is included for publishing news and workout tips.
• HTML5-validated forms — Both the email subscription widget and the contact form use HTML5 validation to collect leads and messages.
• Sticky navigation and skill bars — The top navigation becomes animated and sticky on scroll, and Progressbar.js skill bars display trainer or class proficiency.

Who is it for?

• Gym and fitness studio owners — Launch a professional website that lists classes, shows a weekly timetable, and collects email subscribers without paying for a template.
• Personal trainers — Use the blog section to share workout tips, the contact form to book clients, and the gallery to display training photos.
• Web designers — Build a demo site for fitness clients quickly, customizing Bootstrap 4 components, FontAwesome icons, and the 5 included UI elements.
• Wellness startups — Set up a landing page with hero header, sticky nav, and call-to-action buttons to promote health and fitness products or services.

Use cases

• Fitness clubs: Launch a multi-page site with a sortable class timetable and course list, making it easy for members to find and join sessions.
• Gym marketing teams: Capture leads via the email subscription form and contact form, then embed a Google Map so visitors can locate the gym.
• Trainer bloggers: Publish workout articles on the blog page and embed Vimeo workout videos in the modal player to keep visitors engaged.

Pricing

Sportfit is free to download and use, including in commercial projects, with lifetime updates. No paid tier is offered on the ThemeWagon listing.

Alternatives

ThemeWagon lists three other free fitness templates: Yoga (a Bootstrap 4 yoga website template), Burnout (a health and gym template), and Fitness (a Bootstrap 4 fitness template). All are free downloads from the same template marketplace.

FAQ

Is Sportfit free?

Yes, Sportfit is a free template available on ThemeWagon. It is open source, can be used in commercial projects, and receives lifetime free updates.

What Bootstrap version does Sportfit use?

Sportfit is built on Bootstrap v4.1.2, and it uses jQuery-powered plugins like Owl Carousel, Isotope, ScrollMagic, and Progressbar.js.

Does Sportfit include a blog?

Yes, Sportfit comes with a blog section as part of its multi-page layout. The package includes 6 HTML files, and the blog page is one of them.

What forms does Sportfit include?

Sportfit includes an email subscription form and a contact form, both with HTML5 validation built in.

Can I customize Sportfit?

Yes, since it is a Bootstrap 4 HTML5 template, you can edit the HTML, CSS, and JavaScript source files included in the download to change colors, layout, and content.