Light & dark in one click
A complete dark theme ships with every page. Visitors switch with one button and their choice is remembered.
Gym & Fitness HTML Template
Build a Gym Website That Trains as Hard as You Do
Fitvive gives you two home layouts, 24 ready-made pages, a light and dark theme and six blog layouts — all on Bootstrap 5.3.8 and plain JavaScript.
- HTML5
- CSS3
- Bootstrap 5.3.8
- Vanilla JS
- Bootstrap Icons
- Google Fonts
- 2Home layouts
- 24HTML pages
- 6Blog layouts
- 2Colour themes
Two Home LayoutsLight & Dark ThemesBootstrap 5.3.8Vanilla JavaScriptMasonry GallerySix Blog LayoutsFully ResponsiveTwo Home LayoutsLight & Dark ThemesBootstrap 5.3.8Vanilla JavaScriptMasonry GallerySix Blog LayoutsFully ResponsiveTwo Home LayoutsLight & Dark Themes
Inner Pages
Every Page a Gym Actually Needs
Programs, coaches, pricing, gallery, blog and more — designed together, so the whole site feels like one brand.
Why Fitvive
Details You’d Otherwise Build Yourself
The small, fiddly parts of a gym site are already done, tested and documented.
Re-brand in minutes
Every colour, radius and spacing value is a CSS variable at the top of one stylesheet.
--fv-primary--fv-secondary--fv-band-bg
Accessible by default
Keyboard-friendly menus and tabs, a skip link, visible focus and full reduced-motion support.
Light on its feet
No jQuery and no heavy plugins: one theme script, lazy-loaded images and a single icon sprite per page.
Interactions that feel alive
Scroll reveals, word-by-word headlines, live “open now” status, class timetable, BMI calculator, pricing switch and a filterable masonry gallery.
- Scroll reveals
- Timetable
- BMI calculator
- Pricing switch
- Lightbox gallery
- Reading progress
Documented step by step
Folder structure, colours, every component class and every JavaScript hook explained in plain language.
Read the documentationTechnology
Built on Tools You Already Know
- HTML5Semantic, accessible markup
- CSS3Design tokens, no preprocessor
- Bootstrap 5.3.8Grid, offcanvas, accordion
- Vanilla JSNo jQuery, one small file
- Bootstrap IconsVersion 1.13.1, bundled
- Google FontsOutfit, 300–800
- GLightboxMIT gallery lightbox
- ResponsivePhone to wide desktop
Responsive
Sharp on Every Screen Size
Layouts are composed for phones, tablets and wide desktops — not just squeezed. Menus, tables, tabs and galleries all adapt.
- Touch-friendly menus and sliders
- Tablet layouts with their own grid
- Wide screens up to 1920 px and beyond
Twenty-four HTML pages (two home layouts, six blog layouts and every inner page), the theme stylesheet and script, bundled vendor files and a step-by-step documentation file.
Basic HTML is enough to edit text, links and images. Colours and spacing live in CSS variables at the top of one stylesheet, so a re-brand takes minutes.
Yes. Light is the default and visitors can switch with one click; their choice is remembered. You can also make dark the default with a single attribute.
The photos are for the demo only and are not part of the licence. Swap them for your own; every image slot lists its recommended size in the documentation.
The latest Chrome, Edge, Firefox, Safari and Opera, plus mobile Safari and Chrome for Android.
Launch Your Gym Website This Week
Pick a home layout, drop in your photos and colours, and publish.