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
Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Most of our homes sell within six weeks, often above the asking price.
We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.
Details
Every listing is checked by our team, so the photos match what you see in person. Mortgage advisors help you understand what you can afford before you start. Honest advice comes first, even when it means waiting for the right home.
Every detail is handled by people who care about getting it right. 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. We listen first, then build a plan around what you actually need.
Pricing
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. We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do.
Our team has done this many times, so you never have to guess. 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.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Vivid Studio</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">Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Most of our homes sell within six weeks, often above the asking price.</p>
<p class="small">We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. Mortgage advisors help you understand what you can afford before you start. Honest advice comes first, even when it means waiting for the right home.</p>
<p class="small">Every detail is handled by people who care about getting it right. 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. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">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. We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do.</p>
<p class="small">Our team has done this many times, so you never have to guess. 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.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.
Step two
Friendly people answer your questions quickly, by phone, chat or email. Mortgage advisors help you understand what you can afford before you start. Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move.
Step three
Book viewings online and take a 3D tour before you leave the house. 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.
Step four
Neighbourhood guides cover transport, schools and things to do. 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.
<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">Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Mortgage advisors help you understand what you can afford before you start. 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-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 measure success by how many buyers come back and tell their friends. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. 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>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Virtual tours
Get a free, no-obligation valuation of your home within 48 hours. 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.
Legal support
Sellers get professional photos, floor plans and a marketing plan included. Honest advice comes first, even when it means waiting for the right home. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords.
Rental management
Our team has done this many times, so you never have to guess. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.
Questions
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. Most of our homes sell within six weeks, often above the asking price.
<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">Virtual tours</a><a class="nav-link" href="#spy-1132">Legal support</a><a class="nav-link" href="#spy-1133">Rental management</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">Virtual tours</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Every listing is checked by our team, so the photos match what you see in person. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Honest advice comes first, even when it means waiting for the right home. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Rental management</h3>
<p class="small">Our team has done this many times, so you never have to guess. 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-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
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. Book viewings online and take a 3D tour before you leave the house.
Install
Honest advice comes first, even when it means waiting for the right home. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Clear prices, honest advice and no surprises along the way.
Configure
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. Mortgage advisors help you understand what you can afford before you start. We handle the paperwork, so you can focus on planning the move.
Usage
Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included. 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.
Examples
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. 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.
<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">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. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">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. Mortgage advisors help you understand what you can afford before you start. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included. 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-1140" class="pb-3">
<h3 class="h6">Examples</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. 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>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
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. Friendly people answer your questions quickly, by phone, chat or email.
Midday
We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move. 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.
Afternoon
Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do. Our local agents know every street, school and coffee shop in the area. Book viewings online and take a 3D tour before you leave the house.
Evening
Mortgage advisors help you understand what you can afford before you start. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home. Sellers get professional photos, floor plans and a marketing plan included.
<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">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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">We listen first, then build a plan around what you actually need. We handle the paperwork, so you can focus on planning the move. 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-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do. Our local agents know every street, school and coffee shop in the area. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Most of our homes sell within six weeks, often above the asking price. Honest advice comes first, even when it means waiting for the right home. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Our local agents know every street, school and coffee shop in the area. Honest advice comes first, even when it means waiting for the right home. Friendly people answer your questions quickly, by phone, chat or email. Price alerts tell you the moment a home that fits your search comes on the market.
Beta
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. Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do.
Gamma
We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you. Mortgage advisors help you understand what you can afford before you start.
<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">Our local agents know every street, school and coffee shop in the area. Honest advice comes first, even when it means waiting for the right home. Friendly people answer your questions quickly, by phone, chat or email. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</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. Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
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. Our rental team manages repairs, payments and tenants for landlords. Most of our homes sell within six weeks, often above the asking price.
Features
Clear prices, honest advice and no surprises along the way. 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.
Reviews
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. Our team has done this many times, so you never have to guess.
FAQ
Our local agents know every street, school and coffee shop in the area. Most of our homes sell within six weeks, often above the asking price. Start in minutes and get help from a real person whenever you need it.
<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 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. Our rental team manages repairs, payments and tenants for landlords. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</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. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Our team has done this many times, so you never have to guess. 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-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Most of our homes sell within six weeks, often above the asking price. Start in minutes and get help from a real person whenever you need it.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Friendly people answer your questions quickly, by phone, chat or email. Mortgage advisors help you understand what you can afford before you start. Get a free, no-obligation valuation of your home within 48 hours.
Background
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. Thousands of buyers already trust us, and we work hard to keep it that way.
Method
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. Clear prices, honest advice and no surprises along the way.
Results
We listen first, then build a plan around what you actually need. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move.
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">Friendly people answer your questions quickly, by phone, chat or email. Mortgage advisors help you understand what you can afford before you start. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</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. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. 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-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">We listen first, then build a plan around what you actually need. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>
</div>
<div class="col-md-3 order-first order-md-last">
<p class="small fw-semibold text-uppercase text-body-secondary mb-2">On this page</p>
<nav id="spy-nav-1155" class="nav nav-pills flex-column small">
<a class="nav-link py-1" href="#spy-1156">Summary</a><a class="nav-link py-1" href="#spy-1157">Background</a><a class="nav-link py-1" href="#spy-1158">Method</a><a class="nav-link py-1" href="#spy-1159">Results</a>
</nav>
</div>
</div>9Numbered steps
<code>.list-group-numbered</code> turns the spy menu into a step counter.
Create an account
Neighbourhood guides cover transport, schools and things to do. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.
Set up your profile
Book viewings online and take a 3D tour before you leave the house. We measure success by how many buyers come back and tell their friends. Our rental team manages repairs, payments and tenants for landlords. Book viewings online and take a 3D tour before you leave the house.
Invite the team
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. Price alerts tell you the moment a home that fits your search comes on the market.
Go live
We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. Sellers get professional photos, floor plans and a marketing plan included.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. 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 id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. We measure success by how many buyers come back and tell their friends. Our rental team manages repairs, payments and tenants for landlords. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">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. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
The best neighbourhoods for families this year
Our local agents know every street, school and coffee shop in the area. Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move.
Looking back at a busy season
Friendly people answer your questions quickly, by phone, chat or email. 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.
How we sold a lake cottage in nine days
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. 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.
Ten questions to ask at a viewing
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. Book viewings online and take a 3D tour before you leave the house. Every detail is handled by people who care about getting it right.
<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">The best neighbourhoods for families this year</h3>
<p class="small mb-0">Our local agents know every street, school and coffee shop in the area. Get a free, no-obligation valuation of your home within 48 hours. 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-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">Looking back at a busy season</h3>
<p class="small mb-0">Friendly people answer your questions quickly, by phone, chat or email. 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.</p>
</div>
<div id="spy-1168" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2025</span>
<h3 class="h6">How we sold a lake cottage in nine days</h3>
<p class="small mb-0">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. 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">Ten questions to ask at a viewing</h3>
<p class="small mb-0">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. Book viewings online and take a 3D tour before you leave the house. Every detail is handled by people who care about getting it right.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Five things we learned this year?
- Price alerts tell you the moment a home that fits your search comes on the market.
- A first-time buyer's checklist?
- Start in minutes and get help from a real person whenever you need it.
- The small habits that make a big difference?
- Neighbourhood guides cover transport, schools and things to do.
Shipping
- Buying a building plot: what to check first?
- Clear prices, honest advice and no surprises along the way.
- How to prepare your home for a quick sale?
- Every listing is checked by our team, so the photos match what you see in person.
- Renting versus buying: what makes sense now?
- Thousands of buyers already trust us, and we work hard to keep it that way.
Returns
- How to choose the right property?
- Honest advice comes first, even when it means waiting for the right home.
- Staging tips that help homes sell faster?
- Mortgage advisors help you understand what you can afford before you start.
- What our buyers asked us most?
- Our team has done this many times, so you never have to guess.
<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">Five things we learned this year?</dt>
<dd class="small text-body-secondary">Price alerts tell you the moment a home that fits your search comes on the market.</dd>
<dt class="small">A first-time buyer's checklist?</dt>
<dd class="small text-body-secondary">Start in minutes and get help from a real person whenever you need it.</dd>
<dt class="small">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">Neighbourhood guides cover transport, schools and things to do.</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">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">How to prepare your home for a quick sale?</dt>
<dd class="small text-body-secondary">Every listing is checked by our team, so the photos match what you see in person.</dd>
<dt class="small">Renting versus buying: what makes sense now?</dt>
<dd class="small text-body-secondary">Thousands of buyers already trust us, and we work hard to keep it that way.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">How to choose the right property?</dt>
<dd class="small text-body-secondary">Honest advice comes first, even when it means waiting for the right home.</dd>
<dt class="small">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
<dt class="small">What our buyers asked us most?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
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. We handle the paperwork, so you can focus on planning the move. Sellers get professional photos, floor plans and a marketing plan included.
Battery
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. Most of our homes sell within six weeks, often above the asking price. We listen first, then build a plan around what you actually need.
Connectivity
Our rental team manages repairs, payments and tenants for landlords. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends.
Security
Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move. Book viewings online and take a 3D tour before you leave the house.
<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">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. 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-1176" class="pb-3">
<h3 class="h6">Battery</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. Most of our homes sell within six weeks, often above the asking price. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. We handle the paperwork, so you can focus on planning the move. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$10.35 / mo
- Neighbourhood guides
- Fast paperwork
- Expert agents
Team
$43.74 / mo
- Expert agents
- Price alerts
- Verified listings
Business
$70.50 / mo
- Expert agents
- Neighbourhood guides
- Fast paperwork
<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">$10.35<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Neighbourhood guides</li>
<li>Fast paperwork</li>
<li>Expert agents</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">$43.74<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 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">$70.50<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Expert agents</li>
<li>Neighbourhood guides</li>
<li>Fast paperwork</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: What really affects the value of your home
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. Every listing is checked by our team, so the photos match what you see in person. 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. Honest advice comes first, even when it means waiting for the right home. Clear prices, honest advice and no surprises along the way.
Chapter 2: How our valuations work
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. Sellers get professional photos, floor plans and a marketing plan included. 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. 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.
Chapter 3: A beginner's guide to getting started
Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do. Get a free, no-obligation valuation of your home within 48 hours.
We measure success by how many buyers come back and tell their friends. We keep things simple, so you can focus on what matters to you. 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.
Chapter 4: Our favourite tips for busy weeks
Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email. Sellers get professional photos, floor plans and a marketing plan included. Our team has done this many times, so you never have to guess.
Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. We handle the paperwork, so you can focus on planning the move.
<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: What really affects the value of your home</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. Every listing is checked by our team, so the photos match what you see in person. Our local agents know every street, school and coffee shop in the area.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How our valuations work</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. Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you.</p>
<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 id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: A beginner's guide to getting started</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do. Get a free, no-obligation valuation of your home within 48 hours.</p>
<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. 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-1187" class="pb-3">
<h3 class="h6">Chapter 4: Our favourite tips for busy weeks</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email. Sellers get professional photos, floor plans and a marketing plan included. Our team has done this many times, so you never have to guess.</p>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. We handle the paperwork, so you can focus on planning the move.</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. 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. We listen first, then build a plan around what you actually need.
Notifications
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 local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords.
Privacy
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. Most of our homes sell within six weeks, often above the asking price.
<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="Leo Brennan">
</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="Austin">
</div>
<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. 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.</p>
</div>
<div id="spy-1190" class="pb-3">
<h3 class="h6">Notifications</h3>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1194" checked>
<label class="form-check-label small" for="spy-sw-1194">Product news</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1195">
<label class="form-check-label small" for="spy-sw-1195">Weekly digest</label>
</div>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Most of our homes sell within six weeks, often above the asking price. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords.</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">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. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Legal
- Hana OrtegaProduct Designer
- Aria SilvaQA Engineer
- Maya FischerFrontend Engineer
Sales
- Isla NovakData Analyst
- Mia TanakaFinance Lead
- Omar QuinnQA Engineer
Engineering
- Mateo VargaSales Executive
- Kai AshfordCustomer Success
- Ethan NguyenFinance Lead
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Legal</a><a class="nav-link" href="#spy-1199">Sales</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">Legal</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="Hana Ortega"><div><div class="small fw-semibold">Hana Ortega</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-2.svg" class="rounded-circle" width="36" height="36" alt="Aria Silva"><div><div class="small fw-semibold">Aria Silva</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-4.svg" class="rounded-circle" width="36" height="36" alt="Maya Fischer"><div><div class="small fw-semibold">Maya Fischer</div><div class="small text-body-secondary">Frontend Engineer</div></div></li>
</ul>
</div>
<div id="spy-1199" 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-12.svg" class="rounded-circle" width="36" height="36" alt="Isla Novak"><div><div class="small fw-semibold">Isla Novak</div><div class="small text-body-secondary">Data Analyst</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Mia Tanaka"><div><div class="small fw-semibold">Mia Tanaka</div><div class="small text-body-secondary">Finance Lead</div></div></li>
<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="Omar Quinn"><div><div class="small fw-semibold">Omar Quinn</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-12.svg" class="rounded-circle" width="36" height="36" alt="Mateo Varga"><div><div class="small fw-semibold">Mateo Varga</div><div class="small text-body-secondary">Sales Executive</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="Kai Ashford"><div><div class="small fw-semibold">Kai Ashford</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-2.svg" class="rounded-circle" width="36" height="36" alt="Ethan Nguyen"><div><div class="small fw-semibold">Ethan Nguyen</div><div class="small text-body-secondary">Finance Lead</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Villas
- Townhouse$705,000
- Country farmhouse$870,000
- Corner office$970,000
Land
- City loft$645,000
- Retail unit$465,000
- Corner office$920,000
Houses
- Country farmhouse$835,000
- Family house$820,000
- Corner office$1,000,000
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Villas</a><a class="nav-link" href="#spy-1203">Land</a><a class="nav-link" href="#spy-1204">Houses</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">Villas</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Townhouse</span><span class="fw-semibold">$705,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Country farmhouse</span><span class="fw-semibold">$870,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-1203" 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>City loft</span><span class="fw-semibold">$645,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Retail unit</span><span class="fw-semibold">$465,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$920,000</span></li>
</ul>
</div>
<div id="spy-1204" 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>Country farmhouse</span><span class="fw-semibold">$835,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Family house</span><span class="fw-semibold">$820,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$1,000,000</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house.
This week
We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person.
Later
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. Our team has done this many times, so you never have to guess.
<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">Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do. 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-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">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. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
Honest advice comes first, even when it means waiting for the right home. 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. Friendly people answer your questions quickly, by phone, chat or email.
Orbit
We keep things simple, so you can focus on what matters to you. Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need.
Landing
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. Get a free, no-obligation valuation of your home within 48 hours. 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">Honest advice comes first, even when it means waiting for the right home. 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. 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">We keep things simple, so you can focus on what matters to you. 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-1212" class="pb-3">
<h3 class="h6">Landing</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. Get a free, no-obligation valuation of your home within 48 hours. 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 Jan 28, 2026
- NewHonest advice comes first, even when it means waiting for the right home.
- ImprovedOur rental team manages repairs, payments and tenants for landlords.
- FixedClear prices, honest advice and no surprises along the way.
v3.1 Jul 7, 2026
- NewThousands of buyers already trust us, and we work hard to keep it that way.
- ImprovedOur local agents know every street, school and coffee shop in the area.
- FixedMost of our homes sell within six weeks, often above the asking price.
v3.0 Jul 28, 2026
- NewWe measure success by how many buyers come back and tell their friends.
- ImprovedEvery listing is checked by our team, so the photos match what you see in person.
- FixedEvery detail is handled by people who care about getting it right.
v2.9 May 1, 2026
- NewGet a free, no-obligation valuation of your home within 48 hours.
- ImprovedMortgage advisors help you understand what you can afford before you start.
- FixedNeighbourhood guides cover transport, schools and things to do.
<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">Jan 28, 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>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">Jul 7, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Thousands of buyers already trust us, and we work hard to keep it that way.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>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>Most of our homes sell within six weeks, often above the asking price.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Jul 28, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We measure success by how many buyers come back and tell their friends.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Every listing is checked by our team, so the photos match what you see in person.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every detail is handled by people who care about getting it right.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">May 1, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Get a free, no-obligation valuation of your home within 48 hours.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Mortgage advisors help you understand what you can afford before you start.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Neighbourhood guides cover transport, schools and things to do.</li>
</ul>
</div>
</div>
</div>
</div>