
Trainer – Free HTML5 Template Using Bootstrap for Fitness Websites
Trainer is a free five-page website template for personal trainers, coaches, and gyms, built on Bootstrap 5 and designed in-house by uiCookies. Its standout is that it ships completely jQuery-free: the mobile menu, program carousel, gallery lightbox, and scroll animations are all plain vanilla JavaScript with zero plugin dependencies.

Key features
- Five ready HTML pages: intro, programs, gallery, about, contact
- 100% jQuery-free with no plugin dependencies
- Program carousel built as a native CSS scroll-snap strip
- Custom vanilla-JS lightbox for the photo gallery
- Vanilla mobile menu plus IntersectionObserver scroll animations
- Bold full-screen intro hero in one high-contrast design
- Accessible: labelled forms, aria-labelled controls, keyboard-operable lightbox
- Icon font and demo images included
Best for
- Personal trainers and fitness coaches
- Small gyms and workout studios
- Sports and coaching businesses
- Anyone wanting a fast static site with no build tool
At a glance
- Bootstrap 5 with no jQuery and no plugin dependencies
- Vanilla JavaScript: mobile menu, scroll-snap carousel, custom lightbox, IntersectionObserver animations
- Five ready HTML pages sharing one design system
- Accessible: labelled forms, aria-labelled controls, keyboard-operable lightbox
- Icon font and demo images included

How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Trainer free, and can I use it for commercial projects?
Yes. Trainer is free and follows the standard uiCookies license, which permits commercial use. Attribution details are listed on the license page, so check there before you launch a client or business site.
Do I need to code or use a build tool to edit it?
No build tool is required. Trainer is a static front-end template, so you open the HTML files and edit them directly in any code editor. Basic HTML and CSS knowledge is enough to swap text, images, and links across the five pages.
How do I change the colours and fonts?
Both live in the template's CSS. Adjust the colour values in the stylesheet and swap the font stack there to restyle the whole site. Because all five pages share one design system, a change in the CSS applies everywhere at once.
Is Trainer responsive and mobile-friendly?
Yes. It is built on the Bootstrap 5 responsive grid, so layouts adapt from desktop down to phones. The mobile navigation menu is a small vanilla-JavaScript toggle, so it works without jQuery or any menu plugin.
Does the contact form actually send messages?
No. Trainer is a static front-end, so the contact form is markup only with no backend or email processing. To make it work, connect it to your own server-side handler or a form service like Formspree. The fields are already labelled and accessible, so they are ready to wire up.
Does it really use no jQuery or plugins?
Correct. Every interaction is plain JavaScript and Bootstrap 5's own bundle. The carousel is native CSS scroll-snap, the lightbox is a small custom script, and the animations use IntersectionObserver, so there is no jQuery, Owl, Magnific, or Waypoints anywhere.
Which browsers does Trainer support?
It works in all modern evergreen browsers, including Chrome, Firefox, Safari, and Edge. It relies on standard features like CSS scroll-snap and IntersectionObserver, which are broadly supported today. It is not built for legacy Internet Explorer.
What is included, and how do I keep it fast?
The download includes five HTML pages, the CSS, vanilla JavaScript, an icon font, and demo images. Replace the demo photos with your own and compress them, since images are the main factor in page weight. With no plugin bloat, the template stays lightweight out of the box.



