Gym - One Page Free Responsive Fitness Website Template

Gym is a free, responsive, one-page fitness website template designed for gyms, fitness studios, and personal trainers, published on ThemeWagon and created by Colorlib. The template converts standard fitness-business content — service highlights, class schedules, membership pricing, and contact information — into a single scrolling page that works on desktops, tablets, and mobile browsers. It is entirely front-end HTML/CSS built on Bootstrap v4.0.0-beta, jQuery 2.2.4, FontAwesome 4.7.0, and Linear Icons, with SCSS source files for styling customization. The download package includes 3 HTML files, 16 CSS files, SCSS files, 17 JavaScript files, 1 PHP file, demo images, and documentation, so developers have everything needed to edit and deploy the site.

What is Gym?

Gym is a one-page HTML website template for fitness businesses, distributed free by ThemeWagon and originally built by Colorlib. It takes the typical content of a gym website — services, class timetables, pricing plans, and a subscription form — and lays it out on a single scrollable page with sticky navigation and hover effects. The template runs entirely in the browser; no server-side rendering is required, and it can be hosted on any static file server. The only server-side piece is a PHP file included for the Ajax MailChimp email subscription form, which captures addresses through MailChimp's API.

Key Features

• One-page layout — all main sections (hero, services, classes, pricing, subscription, footer) are arranged on a single page, reducing navigation depth for visitors.
• Sticky navigation — the primary menu stays fixed at the top of the viewport while users scroll, keeping links to schedules and pricing always accessible.
• On-hover zooming — images and cards scale up on hover, adding a visual interactive layer without extra JavaScript.
• Email subscription via Ajax MailChimp — an integrated form that submits email addresses asynchronously to MailChimp, handled by the included PHP file and jQuery plugin.
• Bootstrap 4 grid and SCSS — responsive layout is implemented with Bootstrap v4.0.0-beta, and the styles are authored in SCSS for easier customization.
• Magnific Popup integration — a jQuery plugin enables lightweight lightbox modals for images or embedded content.
• Custom icon sets — FontAwesome 4.7.0 and Linear Icons supply icons for feature boxes, buttons, and social media links.
• Ready pricing and schedule sections — pre-styled blocks for membership pricing and weekly class schedules let you fill in your own rates and timetables.

Who is it for?

Gym and fitness studio owners can use Gym to publish a complete landing page in an afternoon, simply replacing the demo text and images with their own services, schedules, and pricing. Personal trainers can present their class offerings and coaching rates using the service and pricing sections, and collect leads with the email subscription form. Web developers get a cleanly structured Bootstrap 4 codebase with SCSS source files and documentation, making it a fast starting point for building a client site on a static host. Fitness bloggers or supplement brands can also use the template as a one-page promotional site with a built-in newsletter signup.

What can you do with the Gym template?

• Launch a gym website — swap in your logo, photos, class timetable, and price list, then upload the HTML files to any web host to go live.
• Build an email list — attach a MailChimp API key to the included PHP file and the subscription form will collect subscriber addresses automatically.
• Showcase services and pricing — use the pre-built service boxes and pricing table sections to present membership tiers and personal training packages.
• Promote events or classes — the schedule section lets you display weekly classes and special sessions in a clean, responsive grid.

FAQ

Is the Gym template free?

Yes, the Gym template is free to download from ThemeWagon. It is open source and licensed for commercial use, so you can build a client website without paying for a license. The license also includes lifetime free updates.

Does Gym work on mobile devices?

Yes, the template has a responsive layout built on Bootstrap 4. ThemeWagon lists it as compatible with Chrome, Edge, Firefox, Safari, Opera, and mobile devices, so it adapts to phone and tablet screen sizes.

What files are included in the download?

The download contains 3 HTML files, 16 CSS files, SCSS source files, 17 JavaScript files, 1 PHP file (for the MailChimp subscription form), demo images, and documentation. This gives you the compiled site plus the editable source.

Can I customize the colors and styles?

Yes, since the template includes SCSS source files, you can edit variables and mixins to change colors, fonts, and spacing, then recompile to CSS. Alternatively, you can directly edit the compiled CSS files in the 16 included stylesheets.

Does the template come with a contact form?

The template includes an email subscription form, not a general contact form. The subscription form uses Ajax MailChimp and a PHP file to send addresses to your MailChimp list. For a contact form, you would need to add your own.