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-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
We measure success by how many buyers come back and tell their friends. Every listing is checked by our team, so the photos match what you see in person. 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. Start in minutes and get help from a real person whenever you need it. 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.
Details
Our local agents know every street, school and coffee shop in the area. Neighbourhood guides cover transport, schools and things to do. Book viewings online and take a 3D tour before you leave the house.
Most of our homes sell within six weeks, often above the asking price. 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.
Pricing
Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Honest advice comes first, even when it means waiting for the right home.
Our rental team manages repairs, payments and tenants for landlords. 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. Sellers get professional photos, floor plans and a marketing plan included.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Fable Nest</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">We measure success by how many buyers come back and tell their friends. Every listing is checked by our team, so the photos match what you see in person. We handle the paperwork, so you can focus on planning the move.</p>
<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. 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.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</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. Book viewings online and take a 3D tour before you leave the house.</p>
<p class="small">Most of our homes sell within six weeks, often above the asking price. 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.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Honest advice comes first, even when it means waiting for the right home.</p>
<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. We listen first, then build a plan around what you actually need. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Mortgage advisors help you understand what you can afford before you start. We handle the paperwork, so you can focus on planning the move. Friendly people answer your questions quickly, by phone, chat or email.
Step two
Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. 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.
Step three
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. We keep things simple, so you can focus on what matters to you.
Step four
Most of our homes sell within six weeks, often above the asking price. 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.
<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">Mortgage advisors help you understand what you can afford before you start. 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 id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. 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-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. 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.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. 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.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Property search
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. Get a free, no-obligation valuation of your home within 48 hours.
Legal support
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. Mortgage advisors help you understand what you can afford before you start.
Mortgage advice
Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. Price alerts tell you the moment a home that fits your search comes on the market.
Questions
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. Friendly people answer your questions quickly, by phone, chat or email. 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-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Property search</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">Property search</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. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</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. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Mortgage advice</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<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. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Book viewings online and take a 3D tour before you leave the house. Our rental team manages repairs, payments and tenants for landlords. 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.
Install
Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price.
Configure
We measure success by how many buyers come back and tell their friends. Sellers get professional photos, floor plans and a marketing plan included. 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.
Usage
Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way. Our local agents know every street, school and coffee shop in the area. Price alerts tell you the moment a home that fits your search comes on the market.
Examples
Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Mortgage advisors help you understand what you can afford before you start.
<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">Book viewings online and take a 3D tour before you leave the house. Our rental team manages repairs, payments and tenants for landlords. 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.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Sellers get professional photos, floor plans and a marketing plan included. 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-1139" class="pb-3">
<h3 class="h6">Usage</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. Our local agents know every street, school and coffee shop in the area. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Friendly people answer your questions quickly, by phone, chat or email. 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.
Midday
Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.
Afternoon
Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends. Sellers get professional photos, floor plans and a marketing plan included.
Evening
Book viewings online and take a 3D tour before you leave the house. 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. Every listing is checked by our team, so the photos match what you see in person.
<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">Friendly people answer your questions quickly, by phone, chat or email. 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.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends. 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">Book viewings online and take a 3D tour before you leave the house. 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. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
We handle the paperwork, so you can focus on planning the move. Honest advice comes first, even when it means waiting for the right home. Get a free, no-obligation valuation of your home within 48 hours. We listen first, then build a plan around what you actually need.
Beta
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 local agents know every street, school and coffee shop in the area. Our team has done this many times, so you never have to guess.
Gamma
Every detail is handled by people who care about getting it right. Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email.
<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">We handle the paperwork, so you can focus on planning the move. Honest advice comes first, even when it means waiting for the right home. Get a free, no-obligation valuation of your home within 48 hours. We listen first, then build a plan around what you actually need.</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. Price alerts tell you the moment a home that fits your search comes on the market. Our local agents know every street, school and coffee shop in the area. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
We keep things simple, so you can focus on what matters to you. 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. We measure success by how many buyers come back and tell their friends.
Features
We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords. Start in minutes and get help from a real person whenever you need it.
Reviews
Most of our homes sell within six weeks, often above the asking price. Neighbourhood guides cover transport, schools and things to do. Honest advice comes first, even when it means waiting for the right home. Get a free, no-obligation valuation of your home within 48 hours.
FAQ
Sellers get professional photos, floor plans and a marketing plan included. We listen first, then build a plan around what you actually need. 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.
<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">We keep things simple, so you can focus on what matters to you. 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. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Neighbourhood guides cover transport, schools and things to do. Honest advice comes first, even when it means waiting for the right home. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. We listen first, then build a plan around what you actually need. 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>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email.
Background
Thousands of buyers already trust us, and we work hard to keep it that way. Price alerts tell you the moment a home that fits your search comes on the market. Every detail is handled by people who care about getting it right.
Method
Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need.
Results
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. Our team has done this many times, so you never have to guess.
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">Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. 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-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Price alerts tell you the moment a home that fits your search comes on the market. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</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. Our team has done this many times, so you never have to guess.</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
Sellers get professional photos, floor plans and a marketing plan included. Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move. Every listing is checked by our team, so the photos match what you see in person.
Set up your profile
Get a free, no-obligation valuation of your home within 48 hours. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.
Invite the team
Most of our homes sell within six weeks, often above the asking price. We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. Most of our homes sell within six weeks, often above the asking price.
Go live
We listen first, then build a plan around what you actually need. Mortgage advisors help you understand what you can afford before you start. 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-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">Sellers get professional photos, floor plans and a marketing plan included. Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">We listen first, then build a plan around what you actually need. Mortgage advisors help you understand what you can afford before you start. 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.
Five things we learned this year
Honest advice comes first, even when it means waiting for the right home. Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email.
How we sold a lake cottage in nine days
Thousands of buyers already trust us, and we work hard to keep it that way. Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you. Book viewings online and take a 3D tour before you leave the house.
Our favourite tips for busy weeks
Our local agents know every street, school and coffee shop in the area. Every listing is checked by our team, so the photos match what you see in person. 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.
A first-time buyer's checklist
Clear prices, honest advice and no surprises along the way. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. 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">Five things we learned this year</h3>
<p class="small mb-0">Honest advice comes first, even when it means waiting for the right home. Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email.</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">How we sold a lake cottage in nine days</h3>
<p class="small mb-0">Thousands of buyers already trust us, and we work hard to keep it that way. Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you. Book viewings online and take a 3D tour before you leave the house.</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">Our favourite tips for busy weeks</h3>
<p class="small mb-0">Our local agents know every street, school and coffee shop in the area. Every listing is checked by our team, so the photos match what you see in person. 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.</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">A first-time buyer's checklist</h3>
<p class="small mb-0">Clear prices, honest advice and no surprises along the way. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. 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
- What really affects the value of your home?
- We measure success by how many buyers come back and tell their friends.
- Staging tips that help homes sell faster?
- Our rental team manages repairs, payments and tenants for landlords.
- How to choose the right property?
- Our local agents know every street, school and coffee shop in the area.
Shipping
- The small habits that make a big difference?
- Sellers get professional photos, floor plans and a marketing plan included.
- How to prepare your home for a quick sale?
- Our team has done this many times, so you never have to guess.
- Renting versus buying: what makes sense now?
- Every detail is handled by people who care about getting it right.
Returns
- The best neighbourhoods for families this year?
- Get a free, no-obligation valuation of your home within 48 hours.
- How our valuations work?
- We keep things simple, so you can focus on what matters to you.
- Ten questions to ask at a viewing?
- Mortgage advisors help you understand what you can afford before you start.
<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">What really affects the value of your home?</dt>
<dd class="small text-body-secondary">We measure success by how many buyers come back and tell their friends.</dd>
<dt class="small">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">Our rental team manages repairs, payments and tenants for landlords.</dd>
<dt class="small">How to choose the right property?</dt>
<dd class="small text-body-secondary">Our local agents know every street, school and coffee shop in the area.</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">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">Sellers get professional photos, floor plans and a marketing plan included.</dd>
<dt class="small">How to prepare your home for a quick sale?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">Renting versus buying: what makes sense now?</dt>
<dd class="small text-body-secondary">Every detail is handled by people who care about getting it right.</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">The best neighbourhoods for families this year?</dt>
<dd class="small text-body-secondary">Get a free, no-obligation valuation of your home within 48 hours.</dd>
<dt class="small">How our valuations work?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
<dt class="small">Ten questions to ask at a viewing?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move.
Battery
We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Honest advice comes first, even when it means waiting for the right home. Start in minutes and get help from a real person whenever you need it.
Connectivity
Price alerts tell you the moment a home that fits your search comes on the market. Most of our homes sell within six weeks, often above the asking price. 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.
Security
Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it. Thousands of buyers already trust us, and we work hard to keep it that way.
<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">Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<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. Honest advice comes first, even when it means waiting for the right home. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Most of our homes sell within six weeks, often above the asking price. 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-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$9.13 / mo
- Price alerts
- Expert agents
- Price alerts
Team
$40.97 / mo
- Fast paperwork
- Neighbourhood guides
- Price alerts
Business
$56.06 / mo
- Verified listings
- Fast paperwork
- Price alerts
<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">$9.13<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Price alerts</li>
<li>Expert agents</li>
<li>Price alerts</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">$40.97<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Fast paperwork</li>
<li>Neighbourhood guides</li>
<li>Price alerts</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">$56.06<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Verified listings</li>
<li>Fast paperwork</li>
<li>Price alerts</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: A beginner's guide to getting started
Our local agents know every street, school and coffee shop in the area. Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included.
Honest advice comes first, even when it means waiting for the right home. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house.
Chapter 2: Looking back at a busy season
Every listing is checked by our team, so the photos match what you see in person. We keep things simple, so you can focus on what matters to you. We measure success by how many buyers come back and tell their friends.
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. We handle the paperwork, so you can focus on planning the move.
Chapter 3: Buying a building plot: what to check first
Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start. Our rental team manages repairs, payments and tenants for landlords.
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. Price alerts tell you the moment a home that fits your search comes on the market.
Chapter 4: What our buyers asked us most
Honest advice comes first, even when it means waiting for the right home. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.
Most of our homes sell within six weeks, often above the asking price. Clear prices, honest advice and no surprises along the way. 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.
<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: A beginner's guide to getting started</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included.</p>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: Looking back at a busy season</h3>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. We keep things simple, so you can focus on what matters to you. We measure success by how many buyers come back and tell their friends.</p>
<p class="small">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. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: Buying a building plot: what to check first</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start. Our rental team manages repairs, payments and tenants for landlords.</p>
<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. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: What our buyers asked us most</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.</p>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Clear prices, honest advice and no surprises along the way. 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.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Get a free, no-obligation valuation of your home within 48 hours. 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.
Notifications
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 listen first, then build a plan around what you actually need.
Privacy
Neighbourhood guides cover transport, schools and things to do. Sellers get professional photos, floor plans and a marketing plan included. Mortgage advisors help you understand what you can afford before you start.
<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="Kenji Lindqvist">
</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="Oslo">
</div>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. 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.</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">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 listen first, then build a plan around what you actually need.</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">Neighbourhood guides cover transport, schools and things to do. Sellers get professional photos, floor plans and a marketing plan included. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Sales
- Maya MoreauSupport Specialist
- Owen MorganProject Manager
- Amara OkaforArt Director
Research
- Leo RossiHR Partner
- Ravi DuarteProject Manager
- Nadia WhitakerMarketing Lead
Operations
- Samir FischerProduct Designer
- Mia IbrahimCustomer Success
- Ava MoreauOperations Manager
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Sales</a><a class="nav-link" href="#spy-1199">Research</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">Sales</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="Maya Moreau"><div><div class="small fw-semibold">Maya Moreau</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="Owen Morgan"><div><div class="small fw-semibold">Owen Morgan</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-9.svg" class="rounded-circle" width="36" height="36" alt="Amara Okafor"><div><div class="small fw-semibold">Amara Okafor</div><div class="small text-body-secondary">Art Director</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="Leo Rossi"><div><div class="small fw-semibold">Leo Rossi</div><div class="small text-body-secondary">HR Partner</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="Ravi Duarte"><div><div class="small fw-semibold">Ravi 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-12.svg" class="rounded-circle" width="36" height="36" alt="Nadia Whitaker"><div><div class="small fw-semibold">Nadia Whitaker</div><div class="small text-body-secondary">Marketing Lead</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="Samir Fischer"><div><div class="small fw-semibold">Samir Fischer</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-4.svg" class="rounded-circle" width="36" height="36" alt="Mia Ibrahim"><div><div class="small fw-semibold">Mia Ibrahim</div><div class="small text-body-secondary">Customer Success</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="Ava Moreau"><div><div class="small fw-semibold">Ava Moreau</div><div class="small text-body-secondary">Operations Manager</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Commercial
- Penthouse$1,850,000
- Country farmhouse$845,000
- Family house$830,000
Villas
- Studio apartment$305,000
- Family house$765,000
- Retail unit$430,000
Land
- Family house$830,000
- Townhouse$725,000
- Corner office$960,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">Villas</a><a class="nav-link" href="#spy-1204">Land</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>Penthouse</span><span class="fw-semibold">$1,850,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Country farmhouse</span><span class="fw-semibold">$845,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Family house</span><span class="fw-semibold">$830,000</span></li>
</ul>
</div>
<div id="spy-1203" 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>Studio apartment</span><span class="fw-semibold">$305,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Family house</span><span class="fw-semibold">$765,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Retail unit</span><span class="fw-semibold">$430,000</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Land</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">$830,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Townhouse</span><span class="fw-semibold">$725,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$960,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. 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. We measure success by how many buyers come back and tell their friends.
This week
Our rental team manages repairs, payments and tenants for landlords. 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. Honest advice comes first, even when it means waiting for the right home.
Later
We keep things simple, so you can focus on what matters to you. Our local agents know every street, school and coffee shop in the area. Every listing is checked by our team, so the photos match what you see in person. Start in minutes and get help from a real person whenever you need it.
<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. 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. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. 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. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Our local agents know every street, school and coffee shop in the area. Every listing is checked by our team, so the photos match what you see in person. Start in minutes and get help from a real person whenever you need it.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
We measure success by how many buyers come back and tell their friends. 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. Friendly people answer your questions quickly, by phone, chat or email.
Orbit
Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way. We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start.
Landing
Clear prices, honest advice and no surprises along the way. Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Every detail is handled by people who care about getting it right.
<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">We measure success by how many buyers come back and tell their friends. 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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way. We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start.</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. Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Sep 7, 2026
- NewWe listen first, then build a plan around what you actually need.
- ImprovedOur rental team manages repairs, payments and tenants for landlords.
- FixedClear prices, honest advice and no surprises along the way.
v3.1 Jan 12, 2026
- NewMortgage advisors help you understand what you can afford before you start.
- ImprovedEvery detail is handled by people who care about getting it right.
- FixedStart in minutes and get help from a real person whenever you need it.
v3.0 Jun 11, 2026
- NewOur team has done this many times, so you never have to guess.
- ImprovedSellers get professional photos, floor plans and a marketing plan included.
- FixedPrice alerts tell you the moment a home that fits your search comes on the market.
v2.9 Feb 24, 2026
- NewBook viewings online and take a 3D tour before you leave the house.
- ImprovedNeighbourhood guides cover transport, schools and things to do.
- FixedEvery listing is checked by our team, so the photos match what you see in person.
<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">Sep 7, 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>Our rental team manages repairs, payments and tenants for landlords.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Clear prices, honest advice and no surprises along the way.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Jan 12, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Mortgage advisors help you understand what you can afford before you start.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Start in minutes and get help from a real person whenever you need it.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Jun 11, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Our team has done this many times, so you never have to guess.</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>Price alerts tell you the moment a home that fits your search comes on the market.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Feb 24, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Book viewings online and take a 3D tour before you leave the house.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Neighbourhood guides cover transport, schools and things to do.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every listing is checked by our team, so the photos match what you see in person.</li>
</ul>
</div>
</div>
</div>
</div>