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
Price alerts tell you the moment a home that fits your search comes on the market. Neighbourhood guides cover transport, schools and things to do. 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.
Get a free, no-obligation valuation of your home within 48 hours. 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.
Details
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 local agents know every street, school and coffee shop in the area. We listen first, then build a plan around what you actually need.
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. We keep things simple, so you can focus on what matters to you.
Pricing
Every detail is handled by people who care about getting it right. Our rental team manages repairs, payments and tenants for landlords. 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. 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. Neighbourhood guides cover transport, schools and things to do.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Kite HQ</a>
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="#spy-1122">Intro</a></li>
<li class="nav-item"><a class="nav-link" href="#spy-1123">Details</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-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">Price alerts tell you the moment a home that fits your search comes on the market. Neighbourhood guides cover transport, schools and things to do. 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.</p>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. 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 id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">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 local agents know every street, school and coffee shop in the area. We listen first, then build a plan around what you actually need.</p>
<p class="small">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. We keep things simple, so you can focus on what matters to you.</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. 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>
<p class="small">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. Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move. Sellers get professional photos, floor plans and a marketing plan included.
Step two
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. 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.
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. Our team has done this many times, so you never have to guess.
Step four
Every detail is handled by people who care about getting it right. Mortgage advisors help you understand what you can afford before you start. Thousands of buyers already trust us, and we work hard to keep it that way. Get a free, no-obligation valuation of your home within 48 hours.
<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">Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. 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-1127" class="pb-3">
<h3 class="h6">Step two</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. 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.</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. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</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. Thousands of buyers already trust us, and we work hard to keep it that way. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Mortgage advice
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. Most of our homes sell within six weeks, often above the asking price. We keep things simple, so you can focus on what matters to you.
Legal support
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. Start in minutes and get help from a real person whenever you need it.
Property search
Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included. 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.
Questions
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. Clear prices, honest advice and no surprises along the way.
<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">Mortgage advice</a><a class="nav-link" href="#spy-1132">Legal support</a><a class="nav-link" href="#spy-1133">Property search</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">Mortgage advice</h3>
<p class="small">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. Most of our homes sell within six weeks, often above the asking price. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</h3>
<p class="small">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. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Property search</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included. 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.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">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. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
We handle the paperwork, so you can focus on planning the move. We listen first, then build a plan around what you actually need. 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.
Install
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. Most of our homes sell within six weeks, often above the asking price.
Configure
Book viewings online and take a 3D tour before you leave the house. We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do.
Usage
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. 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.
Examples
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. Get a free, no-obligation valuation of your home within 48 hours.
<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">We handle the paperwork, so you can focus on planning the move. We listen first, then build a plan around what you actually need. 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.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<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. Honest advice comes first, even when it means waiting for the right home. 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">Book viewings online and take a 3D tour before you leave the house. 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 id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">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. 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.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</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. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
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. Thousands of buyers already trust us, and we work hard to keep it that way.
Midday
Start in minutes and get help from a real person whenever you need it. Sellers get professional photos, floor plans and a marketing plan included. Our local agents know every street, school and coffee shop in the area. Friendly people answer your questions quickly, by phone, chat or email.
Afternoon
We measure success by how many buyers come back and tell their friends. Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do.
Evening
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. Clear prices, honest advice and no surprises along the way.
<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">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. 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">Start in minutes and get help from a real person whenever you need it. Sellers get professional photos, floor plans and a marketing plan included. Our local agents know every street, school and coffee shop in the area. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Every detail is handled by people who care about getting it right. Neighbourhood guides cover transport, schools and things to do.</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. 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>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
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. Mortgage advisors help you understand what you can afford before you start.
Beta
Sellers get professional photos, floor plans and a marketing plan included. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house. Clear prices, honest advice and no surprises along the way.
Gamma
Get a free, no-obligation valuation of your home within 48 hours. 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.
<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">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. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house. Clear prices, honest advice and no surprises along the way.</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. 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.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Every detail is handled by people who care about getting it right. 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.
Features
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. Most of our homes sell within six weeks, often above the asking price.
Reviews
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. Our team has done this many times, so you never have to guess. Our rental team manages repairs, payments and tenants for landlords.
FAQ
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. 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-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">Every detail is handled by people who care about getting it right. 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 id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">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. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">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. Our team has done this many times, so you never have to guess. Our rental team manages repairs, payments and tenants for landlords.</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. 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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
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. 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.
Background
Neighbourhood guides cover transport, schools and things to do. 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.
Method
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. Clear prices, honest advice and no surprises along the way. Mortgage advisors help you understand what you can afford before you start.
Results
We measure success by how many buyers come back and tell their friends. 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.
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">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. 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 id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. 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 id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">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. Clear prices, honest advice and no surprises along the way. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. 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>
</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
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. Our team has done this many times, so you never have to guess. Most of our homes sell within six weeks, often above the asking price.
Set up your profile
Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. We handle the paperwork, so you can focus on planning the move.
Invite the team
Mortgage advisors help you understand what you can afford before you start. Get a free, no-obligation valuation of your home within 48 hours. Neighbourhood guides cover transport, schools and things to do.
Go live
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. Honest advice comes first, even when it means waiting for the right home.
<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">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. Our team has done this many times, so you never have to guess. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</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 handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Get a free, no-obligation valuation of your home within 48 hours. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</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. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Renting versus buying: what makes sense now
We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Sellers get professional photos, floor plans and a marketing plan included.
A first-time buyer's checklist
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. 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.
What really affects the value of your home
Book viewings online and take a 3D tour before you leave the house. Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right.
Five things we learned this year
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. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.
<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">We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Sellers get professional photos, floor plans and a marketing plan included.</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">A first-time buyer's checklist</h3>
<p class="small mb-0">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. 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.</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">What really affects the value of your home</h3>
<p class="small mb-0">Book viewings online and take a 3D tour before you leave the house. Our team has done this many times, so you never have to guess. 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">Five things we learned this year</h3>
<p class="small mb-0">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. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Ten questions to ask at a viewing?
- Every detail is handled by people who care about getting it right.
- What our buyers asked us most?
- Mortgage advisors help you understand what you can afford before you start.
- Buying a building plot: what to check first?
- Honest advice comes first, even when it means waiting for the right home.
Shipping
- How our valuations work?
- Thousands of buyers already trust us, and we work hard to keep it that way.
- How to choose the right property?
- We keep things simple, so you can focus on what matters to you.
- Staging tips that help homes sell faster?
- We handle the paperwork, so you can focus on planning the move.
Returns
- A beginner's guide to getting started?
- Our team has done this many times, so you never have to guess.
- The best neighbourhoods for families this year?
- Our rental team manages repairs, payments and tenants for landlords.
- Our favourite tips for busy weeks?
- Friendly people answer your questions quickly, by phone, chat or email.
<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">Ten questions to ask at a viewing?</dt>
<dd class="small text-body-secondary">Every detail is handled by people who care about getting it right.</dd>
<dt class="small">What our buyers asked us most?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
<dt class="small">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">Honest advice comes first, even when it means waiting for the right home.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">How our valuations work?</dt>
<dd class="small text-body-secondary">Thousands of buyers already trust us, and we work hard to keep it that way.</dd>
<dt class="small">How to choose the right property?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
<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>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">The best neighbourhoods for families this year?</dt>
<dd class="small text-body-secondary">Our rental team manages repairs, payments and tenants for landlords.</dd>
<dt class="small">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</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. 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.
Battery
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. 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.
Connectivity
We measure success by how many buyers come back and tell their friends. Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do. Price alerts tell you the moment a home that fits your search comes on the market.
Security
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. 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.
<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. 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-1176" class="pb-3">
<h3 class="h6">Battery</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. 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-1177" class="pb-3">
<h3 class="h6">Connectivity</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. Neighbourhood guides cover transport, schools and things to do. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">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. 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.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$19.97 / mo
- Price alerts
- Price alerts
- Fast paperwork
Team
$31.77 / mo
- Verified listings
- 3D tours
- Verified listings
Business
$55.15 / mo
- Expert agents
- Price alerts
- Verified listings
<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">$19.97<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Price alerts</li>
<li>Price alerts</li>
<li>Fast paperwork</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">$31.77<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Verified listings</li>
<li>3D tours</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">$55.15<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Expert agents</li>
<li>Price alerts</li>
<li>Verified listings</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: How we sold a lake cottage in nine days
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. Clear prices, honest advice and no surprises along the way.
We keep things simple, so you can focus on what matters to you. Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need.
Chapter 2: How to prepare your home for a quick sale
Neighbourhood guides cover transport, schools and things to do. 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. 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. 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.
Chapter 3: Looking back at a busy season
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. 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.
Clear prices, honest advice and no surprises along the way. 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.
Chapter 4: The small habits that make a big difference
Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included. 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. Honest advice comes first, even when it means waiting for the right home. Most of our homes sell within six weeks, often above the asking price.
<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 we sold a lake cottage in nine days</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. Clear prices, honest advice and no surprises along the way.</p>
<p class="small">We keep things simple, so you can focus on what matters to you. 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 id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How to prepare your home for a quick sale</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. 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. Get a free, no-obligation valuation of your home within 48 hours.</p>
<p class="small">Our team has done this many times, so you never have to guess. 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.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: 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 handle the paperwork, so you can focus on planning the move. 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.</p>
<p class="small">Clear prices, honest advice and no surprises along the way. 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 id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: The small habits that make a big difference</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included. We measure success by how many buyers come back and tell their friends.</p>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Honest advice comes first, even when it means waiting for the right home. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
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. Get a free, no-obligation valuation of your home within 48 hours. Our local agents know every street, school and coffee shop in the area.
Notifications
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.
Privacy
Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.
<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="Mason Haddad">
</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="Denver">
</div>
<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. Get a free, no-obligation valuation of your home within 48 hours. Our local agents know every street, school and coffee shop in the area.</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">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.</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">Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Operations
- Liam OkaforProject Manager
- Kai BrennanQA Engineer
- Ethan RossiMarketing Lead
Design
- Jonah MoreauQA Engineer
- Amara SilvaSupport Specialist
- Owen HarlowQA Engineer
Engineering
- Ella OkaforHR Partner
- Priya NovakMarketing Lead
- Ava QuinnProduct Designer
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Operations</a><a class="nav-link" href="#spy-1199">Design</a><a class="nav-link" href="#spy-1200">Engineering</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">Operations</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-7.svg" class="rounded-circle" width="36" height="36" alt="Liam Okafor"><div><div class="small fw-semibold">Liam Okafor</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-3.svg" class="rounded-circle" width="36" height="36" alt="Kai Brennan"><div><div class="small fw-semibold">Kai Brennan</div><div class="small text-body-secondary">QA Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Ethan Rossi"><div><div class="small fw-semibold">Ethan Rossi</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Design</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Jonah Moreau"><div><div class="small fw-semibold">Jonah Moreau</div><div class="small text-body-secondary">QA Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.svg" class="rounded-circle" width="36" height="36" alt="Amara Silva"><div><div class="small fw-semibold">Amara Silva</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-9.svg" class="rounded-circle" width="36" height="36" alt="Owen Harlow"><div><div class="small fw-semibold">Owen Harlow</div><div class="small text-body-secondary">QA Engineer</div></div></li>
</ul>
</div>
<div id="spy-1200" 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="Ella Okafor"><div><div class="small fw-semibold">Ella Okafor</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-5.svg" class="rounded-circle" width="36" height="36" alt="Priya Novak"><div><div class="small fw-semibold">Priya Novak</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-12.svg" class="rounded-circle" width="36" height="36" alt="Ava Quinn"><div><div class="small fw-semibold">Ava Quinn</div><div class="small text-body-secondary">Product Designer</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Land
- Garden villa$1,175,000
- Retail unit$475,000
- Studio apartment$305,000
Houses
- Penthouse$1,850,000
- Family house$815,000
- Corner office$970,000
Commercial
- Country farmhouse$885,000
- Townhouse$690,000
- Seaside villa$2,225,000
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Land</a><a class="nav-link" href="#spy-1203">Houses</a><a class="nav-link" href="#spy-1204">Commercial</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">Land</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Garden villa</span><span class="fw-semibold">$1,175,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Retail unit</span><span class="fw-semibold">$475,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Studio apartment</span><span class="fw-semibold">$305,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>Penthouse</span><span class="fw-semibold">$1,850,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Family house</span><span class="fw-semibold">$815,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$970,000</span></li>
</ul>
</div>
<div id="spy-1204" 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>Country farmhouse</span><span class="fw-semibold">$885,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Townhouse</span><span class="fw-semibold">$690,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Seaside villa</span><span class="fw-semibold">$2,225,000</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
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. 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.
This week
Price alerts tell you the moment a home that fits your search comes on the market. 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. Most of our homes sell within six weeks, often above the asking price.
Later
We listen first, then build a plan around what you actually need. Every listing is checked by our team, so the photos match what you see in person. We measure success by how many buyers come back and tell their friends.
<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">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. 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.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. 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. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">We listen first, then build a plan around what you actually need. Every listing is checked by our team, so the photos match what you see in person. We measure success by how many buyers come back and tell their friends.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
Sellers get professional photos, floor plans and a marketing plan included. Clear prices, honest advice and no surprises along the way. Thousands of buyers already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.
Orbit
Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move.
Landing
Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.
<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">Sellers get professional photos, floor plans and a marketing plan included. Clear prices, honest advice and no surprises along the way. Thousands of buyers already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. 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>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Apr 22, 2026
- NewHonest advice comes first, even when it means waiting for the right home.
- ImprovedNeighbourhood guides cover transport, schools and things to do.
- FixedThousands of buyers already trust us, and we work hard to keep it that way.
v3.1 Apr 5, 2026
- NewMortgage advisors help you understand what you can afford before you start.
- ImprovedPrice alerts tell you the moment a home that fits your search comes on the market.
- FixedWe keep things simple, so you can focus on what matters to you.
v3.0 Mar 31, 2026
- NewClear prices, honest advice and no surprises along the way.
- ImprovedMost of our homes sell within six weeks, often above the asking price.
- FixedWe listen first, then build a plan around what you actually need.
v2.9 Aug 16, 2026
- NewSellers get professional photos, floor plans and a marketing plan included.
- ImprovedOur local agents know every street, school and coffee shop in the area.
- FixedWe handle the paperwork, so you can focus on planning the move.
<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">Apr 22, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Honest advice comes first, even when it means waiting for the right home.</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>Thousands of buyers already trust us, and we work hard to keep it that way.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Apr 5, 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>Price alerts tell you the moment a home that fits your search comes on the market.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We keep things simple, so you can focus on what matters to you.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Mar 31, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Clear prices, honest advice and no surprises along the way.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Most of our homes sell within six weeks, often above the asking price.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We listen first, then build a plan around what you actually need.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Aug 16, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Sellers get professional photos, floor plans and a marketing plan included.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Our local agents know every street, school and coffee shop in the area.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We handle the paperwork, so you can focus on planning the move.</li>
</ul>
</div>
</div>
</div>
</div>