CrosstownGym – Gym and Fitness Centre Html5 Template
CrosstownGym is a gym and fitness center website template from ThemeVault with stunning features and best hover effects for trainers and gym studio to make a gym site. Designed with HTML5, CSS3, JavaScript, & Bootstrap. It has user-friendly features for all sections. 100% responsive and customizable.
⬇ Free downloadTry the live demo
Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed
- HTML
- CSS
- JS
- Bootstrap 5
- Released Mar 2018
- v2.1 · Nov 2026
- 8 pages+ 1 HTML email
- v2.1updated Nov 2026
- 4,827views
- 59downloads
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.
- schedule.html — the class timetable: Monday to Sunday, forty classes, the trainer and the room for each, a Book button per row
- 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
- pricing.html — three memberships with a monthly / yearly switch and a highlighted plan, a comparison table, the FAQ's four questions answered
- 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
- 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
- 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).
Pages
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
v2.1Nov 2026
- Forms now send: give a form an action (your form service's address) and it posts its fields there, then shows its thank-you note. Without an action it only shows the note, as before.
- Copy rewritten on the home page: the features, about, services (now the classes on the timetable), the three steps, gallery captions, testimonials, why-us answers and the latest-blog cards.
- Packages are the three memberships from the pricing page ($29, $49, $99 a month), each with its own list.
- Staffed hours instead of "Opening Hours" (the floor is open 24 hours to members), matching the timetable.
- The gallery's tabs show their own photos, each with a caption that says what is in it.
- Every class is taught by the coach whose speciality it is; the trainer page's week is taken from the timetable. Two trainers renamed.
- Blog dates in 2026, each post with its author; contact details for Richmond, VA; YouTube in place of the retired Google+ icon.
- New photos for two testimonials and the success stories (free Pexels photos, credited in IMAGE-CREDITS.txt).
- The timetable fits a 320px phone.
- A main landmark on every page, larger tap targets (footer icons, gallery tabs, the stories' dots, blog categories) and trainer photos that are not stretched on a phone.
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.
Download Details
- Published
- March 16, 2018
- Categories
- Fitness & GymSports & TravelFree Responsive Website Templates
- Tags
- BodybuildingCSS3FitnessFitness web designFitness websiteGymGym templateGym websiteHTML5HealthHealth clubSportTraining CenterWorkoutYogafreeresponsive
Source
- HTML
- CSS
- JS
- Bootstrap 5
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Free for personal & commercial use with an attribution link to ThemeVault. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 8 pages at a glance
Each page is built and ready, including the 404 page and the email.
Homeindex.html
Pricingpricing.html
Blogblog.html
Trainertrainer.html
Postpost.html
Scheduleschedule.html
404404.html
Email: trialemail-trial.html
The home page on a phone, as it looks in the live demo.
In the download
What you get in the ZIP
Everything is plain files you can open in any editor. No build step and no installs.
- 60files
- 948 KBZIP size
- 9HTML pages
- 36images
Please note that the images in the template will be blurred in the downloaded package.
crosstown-gym-and-fitness-center-html5/ ├── index.html ├── 404.html ├── blog.html ├── email-trial.html ├── home.html ├── post.html ├── pricing.html ├── schedule.html └── trainer.html
From download to live
No build tools, no installs
Download
Get the ZIP
Free, instant and no card needed. Unzip it anywhere.
Edit
Add your content
Change the text and photos in the HTML files with any code editor.
Publish
Upload and go
Upload the folder to any web host. It's plain HTML, so it runs anywhere.
Questions
About this template
Can I use CrosstownGym for a client's website?
Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.
Do I need to know how to code?
You'll need to edit the HTML text and swap the images, which any code editor can do. If you’d rather not touch code, the other versions of this design let you edit everything from an admin screen.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.
Subscribe Us
Keep looking
All templatesView Similar Templates
From the blog
View Blog
- Design
- Web Development
- November 03, 2026
Best Free Website Templates for a Small Business (2026)
Free templates for restaurants, gyms, salons, real estate, clinics, agencies and more, all rebuilt in 2026. What to check before you download, and when paying s…
- Web Development
- November 03, 2026
Astro vs Next.js for a Business or Marketing Website (2026)
We built the same restaurant website in Astro and in Next.js with an admin panel, then measured both. Where Astro wins, where Next.js wins, and how to choose.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.