Fitness · Classes page

Fitness Classes Template

Find your next session.A classes page: a photographic hero, a class gallery, a weekly timeline, a benefits grid and reviews, closing on a banner CTA — rendered in your tokens.

When to use this template

A classes page is a timetable people scan for a slot that fits — clarity beats persuasion.

This one is dressed in Fitness copy and runs 8 sections, opening on the Tier navbar and closing with the Atlas footer. In between it covers hero, gallery and process.

At a glance

Page type
Classes
Business
Fitness
Sections
8
Section types
8
Design tokens
Colour, Radius, Shadow, Spacing, Typography
Requires JS
No
Price
Free

8 sections in this page

Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:

  1. Tier

    Navbar

    The nav links sit inside a rounded segmented pill in the centre, the active link filled as its own segment.

  2. Canvas

    Hero

    The picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.

  3. Showcase

    Gallery

    A three-column grid of image cards, each a swappable photo slot over a title and caption.

  4. Timeline

    Process

    A vertical timeline threaded by a rail, each step marked by a dot with its title and text alongside.

  5. Mosaic

    Features

    A centered heading above a three-column grid of feature cards, each with an icon tile, a title and a short description.

  6. Echo

    Testimonials

    A responsive grid of quote cards, each with a star rating, a short quote and an author row.

  7. Rally

    Call to action

    A centered call to action on a branded panel: heading, subcopy and two buttons on a rounded, elevated surface.

  8. Atlas

    Footer

    A comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.

Fitness Classes template FAQ

How is Fitness Classes different from Fitness Home?
Both are Fitness page templates, but they are built from different layouts — they have only 5 sections in common. Fitness Classes runs 8 sections and opens on the Tier navbar; Fitness Home runs 9 and opens on the Tier navbar.
Can I use only part of the Fitness Classes template?
Yes. The 8 sections are independent, so you can remove any of them and keep the rest. Tier and Atlas are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Fitness Classes?
The preview is filled with sample Fitness copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.
Fitness Home Momentum from the first scroll. Fitness Bold High-energy and direct. Fitness Programs Every class and plan. Fitness Story Coaches and community. Fitness Membership Join on the right plan. Fitness Results Proof in the numbers.

All Fitness templates →