Screenshots of the actual template. Every page, component and state shown is included in the download.
Ironpeak — Gym & Personal Training Website Template
A high-contrast gym site with programmes, membership tiers, trainer profiles and a timetable people can read on a phone.
- Category
- Fitness & Gym
- Pages included
- 10 pages
- File format
- ZIP · HTML, CSS, JS
- Delivery
- Instant download
- Licence
- One end product
- Support
- 6 months included
- Updates
- Free, for life
- Last updated
- June 2026
- Secure payment via Stripe or PayPal
- Download link valid for 72 hours, re-issued free
- No account required, no subscription
Overview
Ironpeak is built for strength gyms, CrossFit boxes and coaching businesses that sell commitment rather than comfort. The hero is a training photograph with a blunt promise over it, and the sections that follow answer the four questions every prospective member has: what do I do here, what does it cost, who is coaching, and when can I come.
The membership table compares three tiers honestly, the weekly schedule is a grid on desktop and a readable day list on a phone, and the trainer profiles carry qualifications rather than only biceps.
What's included
- 10 hand-built HTML pages with matching CSS and JavaScript
- Weekly class schedule that becomes a day-by-day list on mobile
- Membership comparison with three tiers and a joining-fee note
- Trainer profiles with qualifications and specialisms
- Editable design tokens for colour, type scale and spacing
- Setup guide, component reference and a licence summary
Pages and sections included
10 ready-made pages:
- Home
- Programmes
- Programme detail
- Membership & pricing
- Timetable
- Trainers
- Trainer profile
- Results & transformations
- About the gym
- Contact & free trial
Built from these sections and components:
- Hero with training photography and trial call to action
- Results figures bar
- Programme cards with intensity levels
- Membership plans with a highlighted tier
- Weekly timetable grid
- Trainer profiles with qualifications
- Member transformation stories
- Facilities and equipment list
- Free trial signup block
Key features
Timetable that works on a phone
A full week grid on desktop collapses to a swipeable day view, with the current day selected automatically.
Membership comparison
Three tiers with a highlighted recommendation, contract length and joining fee stated up front.
Programme levels
Each programme carries a difficulty, duration and equipment requirement, so beginners self-select correctly.
Transformation stories
A before-and-after layout with a member quote and a timeframe, built to stay tasteful.
Free trial flow
A short signup that asks for goal and availability, so the first call is already useful.
High-contrast palette
Amber on near-black, tested for AA contrast on every text size in the design.
Responsive and mobile design
Ironpeak is built mobile-first and tested at 320, 375, 414, 768, 1024, 1440 and 1920 pixels before release. Small screens are not an afterthought — navigation, tables, galleries and the 10-page structure are each redesigned for the space available rather than shrunk to fit.
- Fluid type and spacing scales, so headlines stay in proportion between a phone and a 27-inch display.
- Tap targets of at least 44×44 pixels on every control, with visible focus rings for keyboard users.
- Images served at sensible dimensions with lazy loading below the fold and reserved space to prevent layout shift.
- Tested in current Chrome, Safari, Firefox and Edge, on iOS and Android, and with reduced-motion preferences respected.
Customisation and editing
Everything you will want to change is in an obvious place. Colours, fonts, radii and spacing are CSS custom properties declared in one block at the top of the stylesheet — change those six or so lines and all 10 pages follow. Text and links are edited directly in the HTML, with comments marking each section.
- No build step, no Node, no package manager — open the folder in any editor and double-click a page to preview it.
- Swap images by dropping your own files into /assets/img using the same filenames, or point the markup anywhere you like.
- Every component is commented and reusable, so adding a page means copying a block rather than writing CSS from scratch.
- Clean, semantic markup that ports cleanly into WordPress, Webflow, Astro, Eleventy or a React project when you outgrow static files.
Ideal for
- Strength gyms, CrossFit boxes and boutique studios
- Personal trainers running small-group coaching
- Martial arts and combat sports clubs
- Online coaches selling programmes rather than memberships
Frequently asked questions
The timetable links each session to a booking action, which you can point at Glofox, TeamUp, Mindbody or a simple enquiry form. The template does not handle bookings itself, so you keep whatever system your staff already know.
Swap it for the availability layout included in the components file — a simpler weekly view of open coaching slots — and delete the class pages you do not need.
Basic comfort with HTML and CSS is enough. Text, images and links are edited directly in the HTML, and colours and fonts live in a short list of variables at the top of the stylesheet. If you can edit a text file, you can launch one of these.
One licence covers one end product — your own website, or one client project. You can modify the template as much as you like. You cannot resell, redistribute, sublicense or share the template files themselves.
Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, or classic shared hosting via FTP. Most are free for a site this size, and the guide covers each.
Because templates are delivered instantly and cannot be returned, all sales are final once the download link is issued. If a file is corrupt or a page does not match its preview, contact us within 14 days and we will fix it or refund you in full.
You might also like