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. 1

    Tier

    Navbar

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

  2. 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. 3

    Showcase

    Gallery

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

  4. 4

    Timeline

    Process

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

  5. 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. 6

    Echo

    Testimonials

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

  7. 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. 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

Common questions about Fitness Classes — how it compares with Fitness Home, which of its 8 sections you can drop and where the sample copy in the preview comes from.

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.

Another 7 Fitness templates — home, programs and about pages among them. Each is a different mix of sections, and every one renders in the design tokens you set here.

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 →