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-ui-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
Honest advice comes first, even when it means waiting for the right home. Every detail is handled by people who care about getting it right. Our local agents know every street, school and coffee shop in the area.
We handle the paperwork, so you can focus on planning the move. Thousands of buyers already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.
Details
Neighbourhood guides cover transport, schools and things to do. Most of our homes sell within six weeks, often above the asking price. Book viewings online and take a 3D tour before you leave the house. Get a free, no-obligation valuation of your home within 48 hours.
Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Clear prices, honest advice and no surprises along the way.
Pricing
Our rental team manages repairs, payments and tenants for landlords. We keep things simple, so you can focus on what matters to you. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.
Every listing is checked by our team, so the photos match what you see in person. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Irisan</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-ui-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-ui-spy="scroll" data-ui-target="#spy-nav-1121" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1122" class="pb-3">
<h3 class="h6">Intro</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Every detail is handled by people who care about getting it right. Our local agents know every street, school and coffee shop in the area.</p>
<p class="small">We handle the paperwork, so you can focus on planning the move. Thousands of buyers already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Most of our homes sell within six weeks, often above the asking price. Book viewings online and take a 3D tour before you leave the house. Get a free, no-obligation valuation of your home within 48 hours.</p>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. We keep things simple, so you can focus on what matters to you. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.</p>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
We measure success by how many buyers come back and tell their friends. Price alerts tell you the moment a home that fits your search comes on the market. Clear prices, honest advice and no surprises along the way. Our rental team manages repairs, payments and tenants for landlords.
Step two
We keep things simple, so you can focus on what matters to you. Mortgage advisors help you understand what you can afford before you start. Most of our homes sell within six weeks, often above the asking price. Our team has done this many times, so you never have to guess.
Step three
Book viewings online and take a 3D tour before you leave the house. Our local agents know every street, school and coffee shop in the area. Start in minutes and get help from a real person whenever you need it.
Step four
Get a free, no-obligation valuation of your home within 48 hours. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move. Friendly people answer your questions quickly, by phone, chat or email.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1125" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1126" class="pb-3">
<h3 class="h6">Step one</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Price alerts tell you the moment a home that fits your search comes on the market. Clear prices, honest advice and no surprises along the way. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Mortgage advisors help you understand what you can afford before you start. Most of our homes sell within six weeks, often above the asking price. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Our local agents know every street, school and coffee shop in the area. 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">Get a free, no-obligation valuation of your home within 48 hours. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Home valuation
Every detail is handled by people who care about getting it right. Every listing is checked by our team, so the photos match what you see in person. We listen first, then build a plan around what you actually need. Honest advice comes first, even when it means waiting for the right home.
Legal support
Neighbourhood guides cover transport, schools and things to do. 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. We keep things simple, so you can focus on what matters to you.
Mortgage advice
Clear prices, honest advice and no surprises along the way. Neighbourhood guides cover transport, schools and things to do. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home.
Questions
Most of our homes sell within six weeks, often above the asking price. Mortgage advisors help you understand what you can afford before you start. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.
<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">Home valuation</a><a class="nav-link" href="#spy-1132">Legal support</a><a class="nav-link" href="#spy-1133">Mortgage advice</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-ui-spy="scroll" data-ui-target="#spy-nav-1130" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Home valuation</h3>
<p class="small">Every detail is handled by people who care about getting it right. Every listing is checked by our team, so the photos match what you see in person. We listen first, then build a plan around what you actually need. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. 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. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Mortgage advice</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Neighbourhood guides cover transport, schools and things to do. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Mortgage advisors help you understand what you can afford before you start. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Our rental team manages repairs, payments and tenants for landlords. Price alerts tell you the moment a home that fits your search comes on the market. Our team has done this many times, so you never have to guess. Our local agents know every street, school and coffee shop in the area.
Install
Get a free, no-obligation valuation of your home within 48 hours. We handle the paperwork, so you can focus on planning the move. Sellers get professional photos, floor plans and a marketing plan included.
Configure
Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends. Our local agents know every street, school and coffee shop in the area.
Usage
We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends.
Examples
Book viewings online and take a 3D tour before you leave the house. Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person. Our rental team manages repairs, payments and tenants for landlords.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1135" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Price alerts tell you the moment a home that fits your search comes on the market. Our team has done this many times, so you never have to guess. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. We handle the paperwork, so you can focus on planning the move. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.
Midday
Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home. Mortgage advisors help you understand what you can afford before you start.
Afternoon
Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.
Evening
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. We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1141" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">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. We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Start in minutes and get help from a real person whenever you need it. We measure success by how many buyers come back and tell their friends. Most of our homes sell within six weeks, often above the asking price.
Beta
Our rental team manages repairs, payments and tenants for landlords. Mortgage advisors help you understand what you can afford before you start. We keep things simple, so you can focus on what matters to you.
Gamma
Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1146" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. We measure success by how many buyers come back and tell their friends. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Mortgage advisors help you understand what you can afford before you start. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Price alerts tell you the moment a home that fits your search comes on the market. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.
Features
Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included. Thousands of buyers already trust us, and we work hard to keep it that way. Book viewings online and take a 3D tour before you leave the house.
Reviews
Our local agents know every street, school and coffee shop in the area. Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email.
FAQ
Neighbourhood guides cover transport, schools and things to do. Our team has done this many times, so you never have to guess. We handle the paperwork, so you can focus on planning the move. We measure success by how many buyers come back and tell their friends.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1150" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1151" class="pb-3">
<h3 class="h6">Overview</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included. Thousands of buyers already trust us, and we work hard to keep it that way. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Our team has done this many times, so you never have to guess. We handle the paperwork, so you can focus on planning the move. We measure success by how many buyers come back and tell their friends.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Our local agents know every street, school and coffee shop in the area. Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way.
Background
Start in minutes and get help from a real person whenever you need it. Most of our homes sell within six weeks, often above the asking price. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.
Method
Honest advice comes first, even when it means waiting for the right home. Every listing is checked by our team, so the photos match what you see in person. Every detail is handled by people who care about getting it right. Get a free, no-obligation valuation of your home within 48 hours.
Results
Price alerts tell you the moment a home that fits your search comes on the market. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. Sellers get professional photos, floor plans and a marketing plan included.
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-ui-spy="scroll" data-ui-target="#spy-nav-1155" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1156" class="pb-3">
<h3 class="h6">Summary</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Most of our homes sell within six weeks, often above the asking price. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Every listing is checked by our team, so the photos match what you see in person. Every detail is handled by people who care about getting it right. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. Sellers get professional photos, floor plans and a marketing plan included.</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
Neighbourhood guides cover transport, schools and things to do. Every listing is checked by our team, so the photos match what you see in person. Friendly people answer your questions quickly, by phone, chat or email.
Set up your profile
Most of our homes sell within six weeks, often above the asking price. Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Sellers get professional photos, floor plans and a marketing plan included.
Invite the team
Start in minutes and get help from a real person whenever you need it. We measure success by how many buyers come back and tell their friends. Our rental team manages repairs, payments and tenants for landlords. We keep things simple, so you can focus on what matters to you.
Go live
Mortgage advisors help you understand what you can afford before you start. Honest advice comes first, even when it means waiting for the right home. Thousands of buyers already trust us, and we work hard to keep it that way.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Every listing is checked by our team, so the photos match what you see in person. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. We measure success by how many buyers come back and tell their friends. Our rental team manages repairs, payments and tenants for landlords. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Honest advice comes first, even when it means waiting for the right home. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Renting versus buying: what makes sense now
Book viewings online and take a 3D tour before you leave the house. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.
Ten questions to ask at a viewing
Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market. We handle the paperwork, so you can focus on planning the move. Our local agents know every street, school and coffee shop in the area.
How to prepare your home for a quick sale
Our team has done this many times, so you never have to guess. Get a free, no-obligation valuation of your home within 48 hours. Price alerts tell you the moment a home that fits your search comes on the market.
The small habits that make a big difference
Honest advice comes first, even when it means waiting for the right home. We listen first, then build a plan around what you actually need. Book viewings online and take a 3D tour before you leave the house. Every listing is checked by our team, so the photos match what you see in person.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1165" data-ui-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">Renting versus buying: what makes sense now</h3>
<p class="small mb-0">Book viewings online and take a 3D tour before you leave the house. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.</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">Ten questions to ask at a viewing</h3>
<p class="small mb-0">Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market. We handle the paperwork, so you can focus on planning the move. Our local agents know every street, school and coffee shop in the area.</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">How to prepare your home for a quick sale</h3>
<p class="small mb-0">Our team has done this many times, so you never have to guess. Get a free, no-obligation valuation of your home within 48 hours. Price alerts tell you the moment a home that fits your search comes on the market.</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">The small habits that make a big difference</h3>
<p class="small mb-0">Honest advice comes first, even when it means waiting for the right home. We listen first, then build a plan around what you actually need. Book viewings online and take a 3D tour before you leave the house. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- A beginner's guide to getting started?
- Most of our homes sell within six weeks, often above the asking price.
- What really affects the value of your home?
- We keep things simple, so you can focus on what matters to you.
- The best neighbourhoods for families this year?
- Friendly people answer your questions quickly, by phone, chat or email.
Shipping
- Our favourite tips for busy weeks?
- Our rental team manages repairs, payments and tenants for landlords.
- How our valuations work?
- We measure success by how many buyers come back and tell their friends.
- Buying a building plot: what to check first?
- Clear prices, honest advice and no surprises along the way.
Returns
- Staging tips that help homes sell faster?
- We handle the paperwork, so you can focus on planning the move.
- How we sold a lake cottage in nine days?
- Mortgage advisors help you understand what you can afford before you start.
- A first-time buyer's checklist?
- Sellers get professional photos, floor plans and a marketing plan included.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1170" data-ui-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">Most of our homes sell within six weeks, often above the asking price.</dd>
<dt class="small">What really affects the value of your home?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
<dt class="small">The best neighbourhoods for families this year?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</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">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">Our rental team manages repairs, payments and tenants for landlords.</dd>
<dt class="small">How our valuations work?</dt>
<dd class="small text-body-secondary">We measure success by how many buyers come back and tell their friends.</dd>
<dt class="small">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</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">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">We handle the paperwork, so you can focus on planning the move.</dd>
<dt class="small">How we sold a lake cottage in nine days?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
<dt class="small">A first-time buyer's checklist?</dt>
<dd class="small text-body-secondary">Sellers get professional photos, floor plans and a marketing plan included.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Our local agents know every street, school and coffee shop in the area. Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do.
Battery
Every detail is handled by people who care about getting it right. Most of our homes sell within six weeks, often above the asking price. Every listing is checked by our team, so the photos match what you see in person.
Connectivity
Honest advice comes first, even when it means waiting for the right home. Book viewings online and take a 3D tour before you leave the house. Mortgage advisors help you understand what you can afford before you start. Start in minutes and get help from a real person whenever you need it.
Security
Every detail is handled by people who care about getting it right. Thousands of buyers already trust us, and we work hard to keep it that way. Neighbourhood guides cover transport, schools and things to do.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1174" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1175" class="pb-3">
<h3 class="h6">Performance</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do.</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. Most of our homes sell within six weeks, often above the asking price. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Book viewings online and take a 3D tour before you leave the house. Mortgage advisors help you understand what you can afford before you start. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Every detail is handled by people who care about getting it right. Thousands of buyers already trust us, and we work hard to keep it that way. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$12.93 / mo
- Price alerts
- 3D tours
- 3D tours
Team
$44.28 / mo
- Fast paperwork
- Expert agents
- Verified listings
Business
$59.17 / mo
- Verified listings
- 3D tours
- Expert agents
<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-ui-spy="scroll" data-ui-target="#spy-nav-1179" data-ui-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">$12.93<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Price alerts</li>
<li>3D tours</li>
<li>3D tours</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">$44.28<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Fast paperwork</li>
<li>Expert agents</li>
<li>Verified listings</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">$59.17<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Verified listings</li>
<li>3D tours</li>
<li>Expert agents</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: How to choose the right property
We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move. 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. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.
Chapter 2: Looking back at a busy season
Our local agents know every street, school and coffee shop in the area. Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords.
We measure success by how many buyers come back and tell their friends. Price alerts tell you the moment a home that fits your search comes on the market. Every listing is checked by our team, so the photos match what you see in person. Clear prices, honest advice and no surprises along the way.
Chapter 3: Five things we learned this year
Get a free, no-obligation valuation of your home within 48 hours. We measure success by how many buyers come back and tell their friends. We handle the paperwork, so you can focus on planning the move.
Our rental team manages repairs, payments and tenants for landlords. Mortgage advisors help you understand what you can afford before you start. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.
Chapter 4: What our buyers asked us most
Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.
We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. Neighbourhood guides cover transport, schools and things to do.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1183" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1184" class="pb-3">
<h3 class="h6">Chapter 1: How to choose the right property</h3>
<p class="small">We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move. 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. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: Looking back at a busy season</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords.</p>
<p class="small">We measure success by how many buyers come back and tell their friends. Price alerts tell you the moment a home that fits your search comes on the market. Every listing is checked by our team, so the photos match what you see in person. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: Five things we learned this year</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. We measure success by how many buyers come back and tell their friends. We handle the paperwork, so you can focus on planning the move.</p>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Mortgage advisors help you understand what you can afford before you start. Price alerts tell you the moment a home that fits your search comes on the market. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: What our buyers asked us most</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.</p>
<p class="small">We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. Neighbourhood guides cover transport, schools and things to do.</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. We keep things simple, so you can focus on what matters to you. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home.
Notifications
Book viewings online and take a 3D tour before you leave the house. Price alerts tell you the moment a home that fits your search comes on the market. Our rental team manages repairs, payments and tenants for landlords. Book viewings online and take a 3D tour before you leave the house.
Privacy
Every listing is checked by our team, so the photos match what you see in person. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1188" data-ui-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="Ava Patel">
</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="Copenhagen">
</div>
<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. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home.</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">Book viewings online and take a 3D tour before you leave the house. Price alerts tell you the moment a home that fits your search comes on the market. Our rental team manages repairs, payments and tenants for landlords. Book viewings online and take a 3D tour before you leave the house.</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">Every listing is checked by our team, so the photos match what you see in person. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Engineering
- Kenji WhitakerMarketing Lead
- Owen DuarteProject Manager
- Priya PatelMarketing Lead
Human Resources
- Nadia HarlowFrontend Engineer
- Ravi NguyenProduct Designer
- Mateo MoreauOperations Manager
Operations
- Zoe SatoArt Director
- Maya KowalskiArt Director
- Aria VargaFrontend Engineer
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Engineering</a><a class="nav-link" href="#spy-1199">Human Resources</a><a class="nav-link" href="#spy-1200">Operations</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1197" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Engineering</h3>
<ul class="list-unstyled">
<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="Kenji Whitaker"><div><div class="small fw-semibold">Kenji Whitaker</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-8.svg" class="rounded-circle" width="36" height="36" alt="Owen Duarte"><div><div class="small fw-semibold">Owen Duarte</div><div class="small text-body-secondary">Project Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Priya Patel"><div><div class="small fw-semibold">Priya Patel</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Human Resources</h3>
<ul class="list-unstyled">
<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="Nadia Harlow"><div><div class="small fw-semibold">Nadia Harlow</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
<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="Ravi Nguyen"><div><div class="small fw-semibold">Ravi Nguyen</div><div class="small text-body-secondary">Product Designer</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="Mateo Moreau"><div><div class="small fw-semibold">Mateo Moreau</div><div class="small text-body-secondary">Operations Manager</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Operations</h3>
<ul class="list-unstyled">
<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="Zoe Sato"><div><div class="small fw-semibold">Zoe Sato</div><div class="small text-body-secondary">Art Director</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Maya Kowalski"><div><div class="small fw-semibold">Maya Kowalski</div><div class="small text-body-secondary">Art Director</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 Varga"><div><div class="small fw-semibold">Aria Varga</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Commercial
- City loft$625,000
- Country farmhouse$895,000
- Lake cottage$540,000
Houses
- Family house$780,000
- Townhouse$720,000
- Penthouse$1,850,000
Villas
- Townhouse$755,000
- Corner office$1,000,000
- Building plot$225,000
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Commercial</a><a class="nav-link" href="#spy-1203">Houses</a><a class="nav-link" href="#spy-1204">Villas</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1201" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Commercial</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>City loft</span><span class="fw-semibold">$625,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Country farmhouse</span><span class="fw-semibold">$895,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Lake cottage</span><span class="fw-semibold">$540,000</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Houses</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Family house</span><span class="fw-semibold">$780,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Townhouse</span><span class="fw-semibold">$720,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Penthouse</span><span class="fw-semibold">$1,850,000</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Villas</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Townhouse</span><span class="fw-semibold">$755,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$1,000,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Building plot</span><span class="fw-semibold">$225,000</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.
This week
Every detail is handled by people who care about getting it right. Mortgage advisors help you understand what you can afford before you start. Our local agents know every street, school and coffee shop in the area. We handle the paperwork, so you can focus on planning the move.
Later
We measure success by how many buyers come back and tell their friends. Get a free, no-obligation valuation of your home within 48 hours. Thousands of buyers 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-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Every detail is handled by people who care about getting it right. Mortgage advisors help you understand what you can afford before you start. Our local agents know every street, school and coffee shop in the area. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Get a free, no-obligation valuation of your home within 48 hours. Thousands of buyers 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-ui-theme="dark"</code>.
Launch
Friendly people answer your questions quickly, by phone, chat or email. Sellers get professional photos, floor plans and a marketing plan included. Most of our homes sell within six weeks, often above the asking price. Start in minutes and get help from a real person whenever you need it.
Orbit
Thousands of buyers already trust us, and we work hard to keep it that way. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home.
Landing
We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do.
<div data-ui-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-ui-spy="scroll" data-ui-target="#spy-nav-1209" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Sellers get professional photos, floor plans and a marketing plan included. Most of our homes sell within six weeks, often above the asking price. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 May 17, 2026
- NewOur local agents know every street, school and coffee shop in the area.
- ImprovedEvery listing is checked by our team, so the photos match what you see in person.
- FixedBook viewings online and take a 3D tour before you leave the house.
v3.1 Jun 17, 2026
- NewWe listen first, then build a plan around what you actually need.
- ImprovedFriendly people answer your questions quickly, by phone, chat or email.
- FixedPrice alerts tell you the moment a home that fits your search comes on the market.
v3.0 Oct 12, 2025
- NewGet a free, no-obligation valuation of your home within 48 hours.
- ImprovedSellers get professional photos, floor plans and a marketing plan included.
- FixedOur team has done this many times, so you never have to guess.
v2.9 Aug 13, 2026
- NewWe measure success by how many buyers come back and tell their friends.
- ImprovedClear prices, honest advice and no surprises along the way.
- FixedOur rental team manages repairs, payments and tenants for landlords.
<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-ui-spy="scroll" data-ui-target="#spy-nav-1213" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1214" class="pb-3">
<h3 class="h6">v3.2 <small class="text-body-secondary fw-normal">May 17, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Our local agents know every street, school and coffee shop in the area.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every listing is checked by our team, so the photos match what you see in person.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Book viewings online and take a 3D tour before you leave the house.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Jun 17, 2026</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>Price alerts tell you the moment a home that fits your search comes on the market.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Oct 12, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Get a free, no-obligation valuation of your home within 48 hours.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Sellers get professional photos, floor plans and a marketing plan included.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our team has done this many times, so you never have to guess.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Aug 13, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We measure success by how many buyers come back and tell their friends.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Clear prices, honest advice and no surprises along the way.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our rental team manages repairs, payments and tenants for landlords.</li>
</ul>
</div>
</div>
</div>
</div>