Scrollspy
Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-bs-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.
1In a navbar
Scroll the box: the navbar pill for the visible section becomes active.
Intro
Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. Beginners are always welcome, with an intro session included.
Our recovery spa has a sauna, cold plunge and massage rooms. More than sixty classes a week, from sunrise yoga to late-night spin. Nutrition plans fit your routine and the food you actually enjoy. Clear prices, honest advice and no surprises along the way.
Details
Small group classes mean your coach knows your name and your form. Pause or change your membership any time, with no long contracts. Track your progress in the app and see how far you have come. We measure success by how many members come back and tell their friends.
Thousands of members already trust us, and we work hard to keep it that way. Online coaching keeps you on track when you travel. Modern equipment is cleaned, serviced and ready every day.
Pricing
Open 24 hours, so you can train whenever it suits your day. Certified coaches design every session around your level and your goals. Our team has done this many times, so you never have to guess.
We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Community events keep you motivated, from fun runs to workshops. Our recovery spa has a sauna, cold plunge and massage rooms.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Kiteora HQ</a>
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="#spy-1122">Intro</a></li>
<li class="nav-item"><a class="nav-link" href="#spy-1123">Details</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">More</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#spy-1124">Pricing</a></li></ul></li>
</ul>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1121" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1122" class="pb-3">
<h3 class="h6">Intro</h3>
<p class="small">Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. Beginners are always welcome, with an intro session included.</p>
<p class="small">Our recovery spa has a sauna, cold plunge and massage rooms. More than sixty classes a week, from sunrise yoga to late-night spin. Nutrition plans fit your routine and the food you actually enjoy. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Small group classes mean your coach knows your name and your form. Pause or change your membership any time, with no long contracts. Track your progress in the app and see how far you have come. We measure success by how many members come back and tell their friends.</p>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Online coaching keeps you on track when you travel. Modern equipment is cleaned, serviced and ready every day.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Open 24 hours, so you can train whenever it suits your day. Certified coaches design every session around your level and your goals. Our team has done this many times, so you never have to guess.</p>
<p class="small">We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Community events keep you motivated, from fun runs to workshops. Our recovery spa has a sauna, cold plunge and massage rooms.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Certified coaches design every session around your level and your goals. Small group classes mean your coach knows your name and your form. Open 24 hours, so you can train whenever it suits your day.
Step two
Modern equipment is cleaned, serviced and ready every day. We measure success by how many members come back and tell their friends. More than sixty classes a week, from sunrise yoga to late-night spin. Online coaching keeps you on track when you travel.
Step three
Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it.
Step four
Pause or change your membership any time, with no long contracts. Every detail is handled by people who care about getting it right. Nutrition plans fit your routine and the food you actually enjoy. Clear prices, honest advice and no surprises along the way.
<nav id="spy-nav-1125" class="nav nav-pills mb-2 flex-wrap">
<a class="nav-link" href="#spy-1126">Step one</a><a class="nav-link" href="#spy-1127">Step two</a><a class="nav-link" href="#spy-1128">Step three</a><a class="nav-link" href="#spy-1129">Step four</a>
</nav>
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1125" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1126" class="pb-3">
<h3 class="h6">Step one</h3>
<p class="small">Certified coaches design every session around your level and your goals. Small group classes mean your coach knows your name and your form. Open 24 hours, so you can train whenever it suits your day.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Modern equipment is cleaned, serviced and ready every day. We measure success by how many members come back and tell their friends. More than sixty classes a week, from sunrise yoga to late-night spin. Online coaching keeps you on track when you travel.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Pause or change your membership any time, with no long contracts. Every detail is handled by people who care about getting it right. Nutrition plans fit your routine and the food you actually enjoy. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Group classes
Track your progress in the app and see how far you have come. Beginners are always welcome, with an intro session included. We listen first, then build a plan around what you actually need.
Online coaching
Community events keep you motivated, from fun runs to workshops. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way.
Recovery spa
Open 24 hours, so you can train whenever it suits your day. Community events keep you motivated, from fun runs to workshops. Nutrition plans fit your routine and the food you actually enjoy.
Questions
Beginners are always welcome, with an intro session included. Online coaching keeps you on track when you travel. Certified coaches design every session around your level and your goals.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Group classes</a><a class="nav-link" href="#spy-1132">Online coaching</a><a class="nav-link" href="#spy-1133">Recovery spa</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1130" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Group classes</h3>
<p class="small">Track your progress in the app and see how far you have come. Beginners are always welcome, with an intro session included. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Online coaching</h3>
<p class="small">Community events keep you motivated, from fun runs to workshops. Friendly people answer your questions quickly, by phone, chat or email. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Recovery spa</h3>
<p class="small">Open 24 hours, so you can train whenever it suits your day. Community events keep you motivated, from fun runs to workshops. Nutrition plans fit your routine and the food you actually enjoy.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Beginners are always welcome, with an intro session included. Online coaching keeps you on track when you travel. Certified coaches design every session around your level and your goals.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. Small group classes mean your coach knows your name and your form. Modern equipment is cleaned, serviced and ready every day.
Install
We listen first, then build a plan around what you actually need. Our recovery spa has a sauna, cold plunge and massage rooms. Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you.
Configure
Thousands of members already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.
Usage
Track your progress in the app and see how far you have come. We measure success by how many members come back and tell their friends. More than sixty classes a week, from sunrise yoga to late-night spin. Pause or change your membership any time, with no long contracts.
Examples
Online coaching keeps you on track when you travel. Nutrition plans fit your routine and the food you actually enjoy. Beginners are always welcome, with an intro session included. Our team has done this many times, so you never have to guess.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-100 flex-column align-items-stretch">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1137">Install</a><a class="nav-link ms-3 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:260px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1135" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. Small group classes mean your coach knows your name and your form. Modern equipment is cleaned, serviced and ready every day.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">We listen first, then build a plan around what you actually need. Our recovery spa has a sauna, cold plunge and massage rooms. Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Track your progress in the app and see how far you have come. We measure success by how many members come back and tell their friends. More than sixty classes a week, from sunrise yoga to late-night spin. Pause or change your membership any time, with no long contracts.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Online coaching keeps you on track when you travel. Nutrition plans fit your routine and the food you actually enjoy. Beginners are always welcome, with an intro session included. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Our recovery spa has a sauna, cold plunge and massage rooms. Small group classes mean your coach knows your name and your form. More than sixty classes a week, from sunrise yoga to late-night spin.
Midday
Start in minutes and get help from a real person whenever you need it. Certified coaches design every session around your level and your goals. Modern equipment is cleaned, serviced and ready every day. Community events keep you motivated, from fun runs to workshops.
Afternoon
We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way. Open 24 hours, so you can train whenever it suits your day.
Evening
Thousands of members already trust us, and we work hard to keep it that way. Track your progress in the app and see how far you have come. We keep things simple, so you can focus on what matters to you. Pause or change your membership any time, with no long contracts.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1141" class="list-group">
<a class="list-group-item list-group-item-action" href="#spy-1142">Morning</a><a class="list-group-item list-group-item-action" href="#spy-1143">Midday</a><a class="list-group-item list-group-item-action" href="#spy-1144">Afternoon</a><a class="list-group-item list-group-item-action" href="#spy-1145">Evening</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1141" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Our recovery spa has a sauna, cold plunge and massage rooms. Small group classes mean your coach knows your name and your form. More than sixty classes a week, from sunrise yoga to late-night spin.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Certified coaches design every session around your level and your goals. Modern equipment is cleaned, serviced and ready every day. Community events keep you motivated, from fun runs to workshops.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way. Open 24 hours, so you can train whenever it suits your day.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">Thousands of members already trust us, and we work hard to keep it that way. Track your progress in the app and see how far you have come. We keep things simple, so you can focus on what matters to you. Pause or change your membership any time, with no long contracts.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Our recovery spa has a sauna, cold plunge and massage rooms.
Beta
Modern equipment is cleaned, serviced and ready every day. Clear prices, honest advice and no surprises along the way. We measure success by how many members come back and tell their friends.
Gamma
Beginners are always welcome, with an intro session included. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="d-flex flex-column gap-2 small">
<a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1147">Alpha</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1148">Beta</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1146" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">We measure success by how many members come back and tell their friends. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Our recovery spa has a sauna, cold plunge and massage rooms.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Modern equipment is cleaned, serviced and ready every day. Clear prices, honest advice and no surprises along the way. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Beginners are always welcome, with an intro session included. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way. Certified coaches design every session around your level and your goals. Track your progress in the app and see how far you have come.
Features
Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. More than sixty classes a week, from sunrise yoga to late-night spin.
Reviews
Online coaching keeps you on track when you travel. Nutrition plans fit your routine and the food you actually enjoy. Community events keep you motivated, from fun runs to workshops.
FAQ
Open 24 hours, so you can train whenever it suits your day. We keep things simple, so you can focus on what matters to you. Small group classes mean your coach knows your name and your form.
<nav id="spy-nav-1150" class="nav nav-underline mb-2 border-bottom">
<a class="nav-link" href="#spy-1151">Overview</a><a class="nav-link" href="#spy-1152">Features</a><a class="nav-link" href="#spy-1153">Reviews</a><a class="nav-link" href="#spy-1154">FAQ</a>
</nav>
<div class="position-relative border rounded p-3 border-0 px-0" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1150" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1151" class="pb-3">
<h3 class="h6">Overview</h3>
<p class="small">Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way. Certified coaches design every session around your level and your goals. Track your progress in the app and see how far you have come.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. More than sixty classes a week, from sunrise yoga to late-night spin.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Online coaching keeps you on track when you travel. Nutrition plans fit your routine and the food you actually enjoy. Community events keep you motivated, from fun runs to workshops.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Open 24 hours, so you can train whenever it suits your day. We keep things simple, so you can focus on what matters to you. Small group classes mean your coach knows your name and your form.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Community events keep you motivated, from fun runs to workshops. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Beginners are always welcome, with an intro session included.
Background
Pause or change your membership any time, with no long contracts. Online coaching keeps you on track when you travel. Friendly people answer your questions quickly, by phone, chat or email.
Method
We listen first, then build a plan around what you actually need. Modern equipment is cleaned, serviced and ready every day. Small group classes mean your coach knows your name and your form.
Results
We measure success by how many members come back and tell their friends. Our team has done this many times, so you never have to guess. Track your progress in the app and see how far you have come.
On this page
<div class="row g-3">
<div class="col-md-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1155" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1156" class="pb-3">
<h3 class="h6">Summary</h3>
<p class="small">Community events keep you motivated, from fun runs to workshops. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Beginners are always welcome, with an intro session included.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Pause or change your membership any time, with no long contracts. Online coaching keeps you on track when you travel. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">We listen first, then build a plan around what you actually need. Modern equipment is cleaned, serviced and ready every day. Small group classes mean your coach knows your name and your form.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">We measure success by how many members come back and tell their friends. Our team has done this many times, so you never have to guess. Track your progress in the app and see how far you have come.</p>
</div>
</div>
</div>
<div class="col-md-3 order-first order-md-last">
<p class="small fw-semibold text-uppercase text-body-secondary mb-2">On this page</p>
<nav id="spy-nav-1155" class="nav nav-pills flex-column small">
<a class="nav-link py-1" href="#spy-1156">Summary</a><a class="nav-link py-1" href="#spy-1157">Background</a><a class="nav-link py-1" href="#spy-1158">Method</a><a class="nav-link py-1" href="#spy-1159">Results</a>
</nav>
</div>
</div>9Numbered steps
<code>.list-group-numbered</code> turns the spy menu into a step counter.
Create an account
Our recovery spa has a sauna, cold plunge and massage rooms. More than sixty classes a week, from sunrise yoga to late-night spin. Every detail is handled by people who care about getting it right.
Set up your profile
We keep things simple, so you can focus on what matters to you. Thousands of members already trust us, and we work hard to keep it that way. Open 24 hours, so you can train whenever it suits your day. Certified coaches design every session around your level and your goals.
Invite the team
Nutrition plans fit your routine and the food you actually enjoy. Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way.
Go live
Nutrition plans fit your routine and the food you actually enjoy. Beginners are always welcome, with an intro session included. Community events keep you motivated, from fun runs to workshops. Our team has done this many times, so you never have to guess.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1160" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Our recovery spa has a sauna, cold plunge and massage rooms. More than sixty classes a week, from sunrise yoga to late-night spin. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Thousands of members already trust us, and we work hard to keep it that way. Open 24 hours, so you can train whenever it suits your day. Certified coaches design every session around your level and your goals.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Nutrition plans fit your routine and the food you actually enjoy. Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Nutrition plans fit your routine and the food you actually enjoy. Beginners are always welcome, with an intro session included. Community events keep you motivated, from fun runs to workshops. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Running your first 5K: an eight-week plan
More than sixty classes a week, from sunrise yoga to late-night spin. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Small group classes mean your coach knows your name and your form.
What our members asked us most
Open 24 hours, so you can train whenever it suits your day. Online coaching keeps you on track when you travel. Our recovery spa has a sauna, cold plunge and massage rooms.
Why recovery matters as much as training
Every detail is handled by people who care about getting it right. Modern equipment is cleaned, serviced and ready every day. We measure success by how many members come back and tell their friends.
Five things we learned this year
Start in minutes and get help from a real person whenever you need it. Track your progress in the app and see how far you have come. Friendly people answer your questions quickly, by phone, chat or email. Certified coaches design every session around your level and your goals.
<nav id="spy-nav-1165" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1166">2023</a><a class="nav-link" href="#spy-1167">2024</a><a class="nav-link" href="#spy-1168">2025</a><a class="nav-link" href="#spy-1169">2026</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1165" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1166" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2023</span>
<h3 class="h6">Running your first 5K: an eight-week plan</h3>
<p class="small mb-0">More than sixty classes a week, from sunrise yoga to late-night spin. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Small group classes mean your coach knows your name and your form.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">What our members asked us most</h3>
<p class="small mb-0">Open 24 hours, so you can train whenever it suits your day. Online coaching keeps you on track when you travel. Our recovery spa has a sauna, cold plunge and massage rooms.</p>
</div>
<div id="spy-1168" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2025</span>
<h3 class="h6">Why recovery matters as much as training</h3>
<p class="small mb-0">Every detail is handled by people who care about getting it right. Modern equipment is cleaned, serviced and ready every day. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1169" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2026</span>
<h3 class="h6">Five things we learned this year</h3>
<p class="small mb-0">Start in minutes and get help from a real person whenever you need it. Track your progress in the app and see how far you have come. Friendly people answer your questions quickly, by phone, chat or email. Certified coaches design every session around your level and your goals.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- A beginner's guide to getting started?
- We listen first, then build a plan around what you actually need.
- Our most popular classes this month?
- Track your progress in the app and see how far you have come.
- How our coaches plan a new class?
- We keep things simple, so you can focus on what matters to you.
Shipping
- How to stay motivated through winter?
- Open 24 hours, so you can train whenever it suits your day.
- How to choose the right class?
- Friendly people answer your questions quickly, by phone, chat or email.
- Looking back at a busy season?
- Beginners are always welcome, with an intro session included.
Returns
- A beginner's guide to strength training?
- Clear prices, honest advice and no surprises along the way.
- What to eat before a morning workout?
- Our team has done this many times, so you never have to guess.
- The small habits that make a big difference?
- We listen first, then build a plan around what you actually need.
<div class="row g-3">
<div class="col-sm-3">
<nav id="spy-nav-1170" class="nav nav-pills flex-sm-column">
<a class="nav-link" href="#spy-1171">Orders</a><a class="nav-link" href="#spy-1172">Shipping</a><a class="nav-link" href="#spy-1173">Returns</a>
</nav>
</div>
<div class="col-sm-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1170" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1171" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">We listen first, then build a plan around what you actually need.</dd>
<dt class="small">Our most popular classes this month?</dt>
<dd class="small text-body-secondary">Track your progress in the app and see how far you have come.</dd>
<dt class="small">How our coaches plan a new class?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">How to stay motivated through winter?</dt>
<dd class="small text-body-secondary">Open 24 hours, so you can train whenever it suits your day.</dd>
<dt class="small">How to choose the right class?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</dd>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-body-secondary">Beginners are always welcome, with an intro session included.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">A beginner's guide to strength training?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">What to eat before a morning workout?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">We listen first, then build a plan around what you actually need.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Start in minutes and get help from a real person whenever you need it. Community events keep you motivated, from fun runs to workshops. Online coaching keeps you on track when you travel. We measure success by how many members come back and tell their friends.
Battery
Every detail is handled by people who care about getting it right. Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way. Small group classes mean your coach knows your name and your form.
Connectivity
Certified coaches design every session around your level and your goals. Our recovery spa has a sauna, cold plunge and massage rooms. Nutrition plans fit your routine and the food you actually enjoy.
Security
More than sixty classes a week, from sunrise yoga to late-night spin. Modern equipment is cleaned, serviced and ready every day. Open 24 hours, so you can train whenever it suits your day.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1174" class="nav nav-pills flex-column">
<a class="nav-link d-flex align-items-center gap-2" href="#spy-1175"><i class="bi bi-cpu-fill" aria-hidden="true"></i>Performance</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1176"><i class="bi bi-battery-half" aria-hidden="true"></i>Battery</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1177"><i class="bi bi-wifi" aria-hidden="true"></i>Connectivity</a><a class="nav-link d-flex align-items-center gap-2" href="#spy-1178"><i class="bi bi-shield-check" aria-hidden="true"></i>Security</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1174" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1175" class="pb-3">
<h3 class="h6">Performance</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Community events keep you motivated, from fun runs to workshops. Online coaching keeps you on track when you travel. We measure success by how many members come back and tell their friends.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Every detail is handled by people who care about getting it right. Pause or change your membership any time, with no long contracts. Thousands of members already trust us, and we work hard to keep it that way. Small group classes mean your coach knows your name and your form.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Certified coaches design every session around your level and your goals. Our recovery spa has a sauna, cold plunge and massage rooms. Nutrition plans fit your routine and the food you actually enjoy.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">More than sixty classes a week, from sunrise yoga to late-night spin. Modern equipment is cleaned, serviced and ready every day. Open 24 hours, so you can train whenever it suits your day.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$18.52 / mo
- Community events
- Community events
- Flexible plans
Team
$35.51 / mo
- Progress tracking
- Flexible plans
- Modern equipment
Business
$73.17 / mo
- Certified coaches
- Modern equipment
- Progress tracking
<nav id="spy-nav-1179" class="nav nav-pills justify-content-center mb-2">
<a class="nav-link" href="#spy-1180">Starter</a><a class="nav-link" href="#spy-1181">Team</a><a class="nav-link" href="#spy-1182">Business</a>
</nav>
<div class="position-relative border rounded p-3 bg-body-tertiary" style="height:230px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1179" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1180" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Starter</h3>
<p class="fs-4 fw-bold mb-1">$18.52<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Community events</li>
<li>Community events</li>
<li>Flexible plans</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="fs-4 fw-bold mb-1">$35.51<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Progress tracking</li>
<li>Flexible plans</li>
<li>Modern equipment</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$73.17<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Certified coaches</li>
<li>Modern equipment</li>
<li>Progress tracking</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: Our favourite tips for busy weeks
Nutrition plans fit your routine and the food you actually enjoy. Online coaching keeps you on track when you travel. Start in minutes and get help from a real person whenever you need it.
Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Small group classes mean your coach knows your name and your form. Thousands of members already trust us, and we work hard to keep it that way.
Chapter 2: Building a workout habit that lasts
Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need.
More than sixty classes a week, from sunrise yoga to late-night spin. Community events keep you motivated, from fun runs to workshops. Pause or change your membership any time, with no long contracts.
Chapter 3: Five stretches for desk workers
Our team has done this many times, so you never have to guess. Beginners are always welcome, with an intro session included. Certified coaches design every session around your level and your goals.
Our recovery spa has a sauna, cold plunge and massage rooms. Modern equipment is cleaned, serviced and ready every day. Track your progress in the app and see how far you have come.
Chapter 4: HIIT twice a week: how hard is hard enough?
Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.
Beginners are always welcome, with an intro session included. Track your progress in the app and see how far you have come. Friendly people answer your questions quickly, by phone, chat or email. Open 24 hours, so you can train whenever it suits your day.
<nav id="spy-nav-1183" class="nav nav-tabs mb-0 small">
<a class="nav-link" href="#spy-1184">Chapter 1</a><a class="nav-link" href="#spy-1185">Chapter 2</a><a class="nav-link" href="#spy-1186">Chapter 3</a><a class="nav-link" href="#spy-1187">Chapter 4</a>
</nav>
<div class="position-relative border rounded p-3 border-top-0 rounded-top-0 lh-lg" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1183" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1184" class="pb-3">
<h3 class="h6">Chapter 1: Our favourite tips for busy weeks</h3>
<p class="small">Nutrition plans fit your routine and the food you actually enjoy. Online coaching keeps you on track when you travel. Start in minutes and get help from a real person whenever you need it.</p>
<p class="small">Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Small group classes mean your coach knows your name and your form. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: Building a workout habit that lasts</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many members come back and tell their friends. We listen first, then build a plan around what you actually need.</p>
<p class="small">More than sixty classes a week, from sunrise yoga to late-night spin. Community events keep you motivated, from fun runs to workshops. Pause or change your membership any time, with no long contracts.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: Five stretches for desk workers</h3>
<p class="small">Our team has done this many times, so you never have to guess. Beginners are always welcome, with an intro session included. Certified coaches design every session around your level and your goals.</p>
<p class="small">Our recovery spa has a sauna, cold plunge and massage rooms. Modern equipment is cleaned, serviced and ready every day. Track your progress in the app and see how far you have come.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: HIIT twice a week: how hard is hard enough?</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.</p>
<p class="small">Beginners are always welcome, with an intro session included. Track your progress in the app and see how far you have come. Friendly people answer your questions quickly, by phone, chat or email. Open 24 hours, so you can train whenever it suits your day.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. Pause or change your membership any time, with no long contracts.
Notifications
Certified coaches design every session around your level and your goals. Online coaching keeps you on track when you travel. Thousands of members already trust us, and we work hard to keep it that way. Modern equipment is cleaned, serviced and ready every day.
Privacy
Nutrition plans fit your routine and the food you actually enjoy. Our recovery spa has a sauna, cold plunge and massage rooms. Clear prices, honest advice and no surprises along the way. Community events keep you motivated, from fun runs to workshops.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1188" class="list-group list-group-flush border rounded">
<a class="list-group-item list-group-item-action" href="#spy-1189">Profile</a><a class="list-group-item list-group-item-action" href="#spy-1190">Notifications</a><a class="list-group-item list-group-item-action" href="#spy-1191">Privacy</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1188" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1189" class="pb-3">
<h3 class="h6">Profile</h3>
<div class="mb-2">
<label for="spy-in-1192" class="form-label small">Display name</label>
<input class="form-control form-control-sm" id="spy-in-1192" value="Mia Harlow">
</div>
<div class="mb-2">
<label for="spy-in-1193" class="form-label small">City</label>
<input class="form-control form-control-sm" id="spy-in-1193" value="Montreal">
</div>
<p class="small">Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. Pause or change your membership any time, with no long contracts.</p>
</div>
<div id="spy-1190" class="pb-3">
<h3 class="h6">Notifications</h3>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1194" checked>
<label class="form-check-label small" for="spy-sw-1194">Product news</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1195">
<label class="form-check-label small" for="spy-sw-1195">Weekly digest</label>
</div>
<p class="small">Certified coaches design every session around your level and your goals. Online coaching keeps you on track when you travel. Thousands of members already trust us, and we work hard to keep it that way. Modern equipment is cleaned, serviced and ready every day.</p>
</div>
<div id="spy-1191" class="pb-3">
<h3 class="h6">Privacy</h3>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="spy-sw-1196">
<label class="form-check-label small" for="spy-sw-1196">Hide my profile from search</label>
</div>
<p class="small">Nutrition plans fit your routine and the food you actually enjoy. Our recovery spa has a sauna, cold plunge and massage rooms. Clear prices, honest advice and no surprises along the way. Community events keep you motivated, from fun runs to workshops.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Finance
- Felix NguyenOperations Manager
- Ava LarsenQA Engineer
- Sofia PatelHR Partner
Research
- Jonah FischerMarketing Lead
- Ethan MoreauContent Writer
- Felix LindqvistCustomer Success
Design
- Mateo MensahSupport Specialist
- Aria BrennanContent Writer
- Mia AshfordMarketing Lead
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Finance</a><a class="nav-link" href="#spy-1199">Research</a><a class="nav-link" href="#spy-1200">Design</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1197" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Finance</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-8.svg" class="rounded-circle" width="36" height="36" alt="Felix Nguyen"><div><div class="small fw-semibold">Felix Nguyen</div><div class="small text-body-secondary">Operations Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Ava Larsen"><div><div class="small fw-semibold">Ava Larsen</div><div class="small text-body-secondary">QA Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Sofia Patel"><div><div class="small fw-semibold">Sofia Patel</div><div class="small text-body-secondary">HR Partner</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Research</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-circle" width="36" height="36" alt="Jonah Fischer"><div><div class="small fw-semibold">Jonah Fischer</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Ethan Moreau"><div><div class="small fw-semibold">Ethan Moreau</div><div class="small text-body-secondary">Content Writer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-3.svg" class="rounded-circle" width="36" height="36" alt="Felix Lindqvist"><div><div class="small fw-semibold">Felix Lindqvist</div><div class="small text-body-secondary">Customer Success</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Design</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-8.svg" class="rounded-circle" width="36" height="36" alt="Mateo Mensah"><div><div class="small fw-semibold">Mateo Mensah</div><div class="small text-body-secondary">Support Specialist</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.svg" class="rounded-circle" width="36" height="36" alt="Aria Brennan"><div><div class="small fw-semibold">Aria Brennan</div><div class="small text-body-secondary">Content Writer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Mia Ashford"><div><div class="small fw-semibold">Mia Ashford</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Recovery
- Coaching plan$191.00
- Bootcamp$154.00
- Massage$72.00
Strength
- Spin class pack$92.00
- Personal training$69.00
- Nutrition guide$28.99
Cardio
- Massage$68.99
- 10-class pack$128.00
- Personal training$60.99
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Recovery</a><a class="nav-link" href="#spy-1203">Strength</a><a class="nav-link" href="#spy-1204">Cardio</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1201" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Recovery</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Coaching plan</span><span class="fw-semibold">$191.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Bootcamp</span><span class="fw-semibold">$154.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Massage</span><span class="fw-semibold">$72.00</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Strength</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Spin class pack</span><span class="fw-semibold">$92.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Personal training</span><span class="fw-semibold">$69.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Nutrition guide</span><span class="fw-semibold">$28.99</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Cardio</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Massage</span><span class="fw-semibold">$68.99</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>10-class pack</span><span class="fw-semibold">$128.00</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Personal training</span><span class="fw-semibold">$60.99</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
More than sixty classes a week, from sunrise yoga to late-night spin. We listen first, then build a plan around what you actually need. We measure success by how many members come back and tell their friends. Small group classes mean your coach knows your name and your form.
This week
Online coaching keeps you on track when you travel. Modern equipment is cleaned, serviced and ready every day. Every detail is handled by people who care about getting it right.
Later
Community events keep you motivated, from fun runs to workshops. We keep things simple, so you can focus on what matters to you. Thousands of members already trust us, and we work hard to keep it that way.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1205" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">More than sixty classes a week, from sunrise yoga to late-night spin. We listen first, then build a plan around what you actually need. We measure success by how many members come back and tell their friends. Small group classes mean your coach knows your name and your form.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Online coaching keeps you on track when you travel. Modern equipment is cleaned, serviced and ready every day. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Community events keep you motivated, from fun runs to workshops. We keep things simple, so you can focus on what matters to you. Thousands of members already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-bs-theme="dark"</code>.
Launch
Pause or change your membership any time, with no long contracts. Track your progress in the app and see how far you have come. Beginners are always welcome, with an intro session included.
Orbit
Open 24 hours, so you can train whenever it suits your day. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it.
Landing
Clear prices, honest advice and no surprises along the way. More than sixty classes a week, from sunrise yoga to late-night spin. We measure success by how many members come back and tell their friends.
<div data-bs-theme="dark" class="bg-dark text-body rounded p-3">
<nav id="spy-nav-1209" class="nav nav-pills mb-2">
<a class="nav-link" href="#spy-1210">Launch</a><a class="nav-link" href="#spy-1211">Orbit</a><a class="nav-link" href="#spy-1212">Landing</a>
</nav>
<div class="position-relative border rounded p-3 border-secondary" style="height:200px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1209" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">Pause or change your membership any time, with no long contracts. Track your progress in the app and see how far you have come. Beginners are always welcome, with an intro session included.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Open 24 hours, so you can train whenever it suits your day. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. More than sixty classes a week, from sunrise yoga to late-night spin. We measure success by how many members come back and tell their friends.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Jul 4, 2026
- NewCertified coaches design every session around your level and your goals.
- ImprovedNutrition plans fit your routine and the food you actually enjoy.
- FixedOur recovery spa has a sauna, cold plunge and massage rooms.
v3.1 Nov 24, 2025
- NewWe listen first, then build a plan around what you actually need.
- ImprovedFriendly people answer your questions quickly, by phone, chat or email.
- FixedSmall group classes mean your coach knows your name and your form.
v3.0 Aug 20, 2026
- NewThousands of members already trust us, and we work hard to keep it that way.
- ImprovedSmall group classes mean your coach knows your name and your form.
- FixedTrack your progress in the app and see how far you have come.
v2.9 Jun 9, 2026
- NewEvery detail is handled by people who care about getting it right.
- ImprovedWe listen first, then build a plan around what you actually need.
- FixedBeginners are always welcome, with an intro session included.
<div class="row g-3">
<div class="col-3">
<nav id="spy-nav-1213" class="nav nav-pills flex-column small">
<a class="nav-link" href="#spy-1214">v3.2</a><a class="nav-link" href="#spy-1215">v3.1</a><a class="nav-link" href="#spy-1216">v3.0</a><a class="nav-link" href="#spy-1217">v2.9</a>
</nav>
</div>
<div class="col-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-bs-spy="scroll" data-bs-target="#spy-nav-1213" data-bs-smooth-scroll="true" tabindex="0">
<div id="spy-1214" class="pb-3">
<h3 class="h6">v3.2 <small class="text-body-secondary fw-normal">Jul 4, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Certified coaches design every session around your level and your goals.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Nutrition plans fit your routine and the food you actually enjoy.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our recovery spa has a sauna, cold plunge and massage rooms.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Nov 24, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Friendly people answer your questions quickly, by phone, chat or email.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Small group classes mean your coach knows your name and your form.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Aug 20, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Thousands of members already trust us, and we work hard to keep it that way.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Small group classes mean your coach knows your name and your form.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Track your progress in the app and see how far you have come.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Jun 9, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Beginners are always welcome, with an intro session included.</li>
</ul>
</div>
</div>
</div>
</div>