Trainer – Free HTML5 Template Using Bootstrap for Fitness Websites

Trainer – Free HTML5 Template Using Bootstrap for Fitness Websites

Trainer is a free five-page website template built on Bootstrap 5 — designed and maintained in-house by uiCookies. It’s made for personal trainers, coaches, and gyms: a bold full-screen intro, a programs showcase, a photo gallery, an about page, and a contact page, all sharing one clean, high-contrast design.

The template ships jQuery-free. Everything that used to need a plugin — the mobile menu, the program carousel, the gallery lightbox, and the scroll-in animations — is now plain vanilla JavaScript. The carousel is a native CSS scroll-snap strip and the lightbox is a small custom script, so there are no jQuery, Owl, Magnific, or Waypoints dependencies anywhere.

What’s included

• Home — full-screen intro with a transparent navbar that turns solid on scroll
• Programs — workout cards in a swipeable scroll-snap carousel, grouped by level
• Gallery — a responsive photo grid with a keyboard-friendly lightbox
• About — trainer bio, story, and highlights
• Contact — a labelled, accessible contact form with details

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

Download, unzip, and open index.html — there is no build step. Swap the demo photos and copy for your own, edit the program cards, point the contact form’s backend at your mail service, and deploy to any static host. Colors and typography live in css/style.min.css, with the Bootstrap 5 adjustments in css/template-bs5.css.

FAQ

Can I use Trainer in commercial projects?

Yes — Trainer follows the standard uiCookies license. Attribution details are on the license page.

Does Trainer require jQuery?

No. The template is jQuery-free — every interaction is plain JavaScript, and the interactive components use Bootstrap 5’s own bundle.

Designed & written by ui cookies

Aigars is the founder of Colorlib and uiCookies and has been designing and shipping free website templates since 2013. Every template and UI pack on uiCookies is designed and maintained in-house.

XLinkedInMore about uiCookies →