CrosstownGym – Gym and Fitness Centre Html5 Template

  • 🗓 Released Mar 2018
  • v2.0Updated Sep 2026
  • 👁 4,824 views
  • HTMLCSSJSBootstrap 5

CrosstownGym is a responsive HTML5 template for your gym or sports club. A great template to use for introducing your gym online. It can be suitable for health club, aerobic, fitness centers, boxing related websites. Well organized blocks of content, intuitive navigation, and creative visuals make it easy for viewers to perceive the structure. Gym and fitness centre HTML5 template is entirely built in Bootstrap framework, HTML5, CSS3 and JavaScript. Template is designed with a landing page layout which includes about section to give information about your gym, a block for a glimps of your services, light box image gallery, pricing table with gym packages, trainers bio with socil info, blogs for latest news and events, crafted footer with quick links and conatct.

It also includes various web element pages like 404 page, accordian, alert, button, grid page, tabs, icons and typography, messages etc which will make your website design very easy. The template is 100% responsive and can be easily customizable as per your requirement. View the demo for better understanding.

 

Version 2.0 adds a class schedule (schedule.html), a trainer profile (trainer.html), membership plans with a monthly/yearly switch (pricing.html), a blog with a working search (blog.html, post.html), a 404 page and a ready-to-send HTML free-trial email (email-trial.html), makes the BMI calculator calculate, opens the gallery in a lightbox, and modernises the one-page design in the template's own orange, black and white — hero buttons, feature and service cards, three real plans and a free-trial form.

Features

Template Type:

Free

Compatible Browsers:

Opera, Firefox, Google Chrome

Banner Slider:

Bootstrap Carousel, Owl Slider

Link hover effetcs:

Yes

Coding:

HTML 5, CSS 3, 1170 Grid System, Bootstrap 5

Forms:

Comment Form, Search Form, Subscribe Form

Additional Features:

Accordian, Light box, Progress Bar, Gallery, Favicon, Stick To Top, Responsive Design, Social Links, Back To Top Button

Image Sources:

Freepik, Flaticon, Pexels

Pages:

Blog, 404 Page, Team Page, Pricing Page

What’s new

  1. v2.0Sep 2026
    • schedule.html — the class timetable: Monday to Sunday, forty classes, the trainer and the room for each, a Book button per row, and filter buttons per class (the footer's class links land here pre-filtered).
    • trainer.html — a profile behind every trainer's photo: a dark profile band (photo, role, a line, four stats, Book a free session, social), the story, specialities, certifications, personal-training prices, the trainer's week, and the rest of the team as cards with names showing.
    • pricing.html — three memberships with a monthly / yearly switch and a highlighted plan, a comparison table, the FAQ's four questions answered, and the full free-trial form.
    • blog.html — eight posts in a grid with a working search; post.html is the article with a comment form and a sidebar (recent posts, categories, a free-class card).
    • 404.html — a not-found page in the template's design with four ways back in.
    • email-trial.html — the confirmation a visitor gets after booking the free trial class: the logo bar and photograph, the booking card (class, date, time, trainer, price: free), three "before you come" points, "Add to calendar" and "Change the time". Table based and inline styled so it renders in Gmail, Outlook and Apple Mail; {{name}}, {{class}}, {{date}}, {{time}}, {{trainer}} and {{email}} are the mailer's placeholders. A how-to-use note is at the top of the file.
    • Hero: a "Free trial class" button beside the city picker and "Choose a trainer", a gradient so the copy reads, real city names.
    • The four feature tiles show their line and link under the photograph (version 1 hid them in an orange overlay that appeared on hover).
    • Services: the eight names are cards with an icon each; one per row on phones.
    • Packages: three real plans — Beginner, Bodybuilding, Athlete — with the middle one highlighted (version 1 repeated "Bodybuilding Program with Alice Lengthorn" three times).
    • The free-trial band is a name + email line that validates and confirms (version 1: a "Purchase" link to nowhere).
    • A different success story and a different name on each slide; an orange rule on the footer.
    • The BMI calculator computes: range sliders for height and weight in US and metric units, the index and its band updating as you drag (version 1 drew two static bars and said nothing).
    • The gallery's twelve photographs open in a lightbox; the tabs filter.

Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.


Reviews

No reviews yet — be the first to review this template.


View Similar Templates

Free
Palestra

Sports & Travel

Free
Absolute Powerup

Sports & Travel

Free
BetterBodiez

Sports & Travel

Free
Fitnessmoves

Sports & Travel

Free
Perfectdive

Sports & Travel

Free
FitPlus

FitPlus

$0.00

Sports & Travel

Free
HoliVilla

Sports & Travel

Free
Blueways

Sports & Travel

Free
BayHome

BayHome

$0.00

Sports & Travel

Free
AquaLand Casa

Sports & Travel

Free
ResortIn

Sports & Travel

Free
Helotica

Sports & Travel


View Blog

CrosstownGym

Free+ footer credit link

⬇ Free Download

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.