Gymer is a free, one-page Bootstrap 4 HTML5 website template from Colorlib for gyms, fitness centers, and yoga studios, featuring a video-background header and a full set of landing-page sections.
What is Gymer?
Gymer is a free one-page HTML5 website template built on Bootstrap 4, produced by Colorlib and distributed through ThemeWagon. It takes static HTML, CSS/SCSS, and JavaScript files and renders a complete single-page fitness website with a video-background header, sticky navigation, and multiple content sections. The template works in any static web server or browser and includes source files for easy editing.
Key Features
- Video background header — The hero section plays a background video, wrapped with a call-to-action button to drive visitor engagement.
- Sticky navigation bar — The top menu stays fixed while scrolling, with footer navigations also included.
- Fun fact counters — Animated number counters display gym stats and achievements without any backend.
- Carousels — Built with Owl Carousel plugin for testimonials or gallery slideshows.
- Tabbed content — Tab sections organize class schedules, pricing, or other information into switchable panels.
- Contact and newsletter forms — Includes a contact form and an email subscription form, both front-end only.
- Hover effects — Interactive hover animations on images and buttons.
- Tech stack — Built with Bootstrap 4, CSS & SCSS, JavaScript, Icomoon icon fonts, Flaticon icons, Magnific Pop-Up lightbox, and Fancybox.
Who is it for?
- Gym and fitness studio owners who need a one-page site to display services, classes, and contact details quickly.
- Yoga center instructors can reuse the same layout with custom images and text to promote sessions and pricing.
- Web freelancers can use Gymer as a starting point for client projects, modifying SCSS files and content without heavy coding.
What can you do with Gymer?
- Fitness instructors: build a single scrolling page with a video hero, class timetables in tabs, and a signup form.
- Personal trainers: showcase success stats with fun fact counters and drive consultations through the call-to-action button.
- Small gyms: add a newsletter form to collect emails and display a photo gallery using carousels or pop-up lightboxes.
How does Gymer work?
Download the package from ThemeWagon, unzip the HTML files, and open the main page in any text editor to change text and images. The package includes 2 HTML files, all demo images, CSS and SCSS sources, JavaScript sources, font icons, and plugin files. To deploy, upload the folder to any static hosting service or run locally in a browser.
Pricing
Gymer is free to download and use. The license permits open-source use, commercial projects, and lifetime free updates, as stated on the download page.
Alternatives
- Workout — another free one-page Bootstrap 4 gym website template from ThemeWagon.
- Stamina — a free Bootstrap 4 HTML5 sports website template.
- Top Gym — a free responsive Bootstrap 4 gym website template.
FAQ
Is Gymer free?
Yes, Gymer is distributed as a free download on ThemeWagon. The license allows commercial use and lifetime free updates without payment.
What do I need to run Gymer?
Only a web browser and a static file server. The template uses plain HTML5, CSS, SCSS, and JavaScript with Bootstrap 4; no backend or database is required.
Does Gymer include a contact form backend?
No. The contact form and newsletter form are front-end only; you need to add your own handling code or a third-party service to receive submissions.
Which browsers does Gymer support?
The template is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers, according to the ThemeWagon listing.
Who created Gymer?
Gymer is created by Colorlib and published on ThemeWagon. It uses plugins from Owl Carousel, Magnific Pop-Up, Flaticon, Icomoon, and Fancybox.








