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
Our team has done this many times, so you never have to guess. 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.
Our rental team manages repairs, payments and tenants for landlords. Our team has done this many times, so you never have to guess. Sellers get professional photos, floor plans and a marketing plan included. Honest advice comes first, even when it means waiting for the right home.
Details
Our local agents know every street, school and coffee shop in the area. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.
We handle the paperwork, so you can focus on planning the move. Most of our homes sell within six weeks, often above the asking price. Neighbourhood guides cover transport, schools and things to do. Get a free, no-obligation valuation of your home within 48 hours.
Pricing
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. 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.
Book viewings online and take a 3D tour before you leave the house. Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Umbraio Hub</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">Our team has done this many times, so you never have to guess. 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.</p>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Our team has done this many times, so you never have to guess. Sellers get professional photos, floor plans and a marketing plan included. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.</p>
<p class="small">We handle the paperwork, so you can focus on planning the move. Most of our homes sell within six weeks, often above the asking price. Neighbourhood guides cover transport, schools and things to do. Get a free, no-obligation valuation of your home within 48 hours.</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. Every detail is handled by people who care about getting it right. 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>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.
Step two
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. Mortgage advisors help you understand what you can afford before you start.
Step three
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. Start in minutes and get help from a real person whenever you need it.
Step four
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. Sellers get professional photos, floor plans and a marketing plan included. Our team has done this many times, so you never have to guess.
<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">Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">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. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</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. Every listing is checked by our team, so the photos match what you see in person. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</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. 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>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Property search
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. 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.
Rental management
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 local agents know every street, school and coffee shop in the area. We listen first, then build a plan around what you actually need.
Mortgage advice
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. Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market.
Questions
We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. Mortgage advisors help you understand what you can afford before you start.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Property search</a><a class="nav-link" href="#spy-1132">Rental management</a><a class="nav-link" href="#spy-1133">Mortgage advice</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1130" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Property search</h3>
<p class="small">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. 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.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Rental management</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 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 id="spy-1133" class="pb-3">
<h3 class="h6">Mortgage advice</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. Every detail is handled by people who care about getting it right. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
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. Our rental team manages repairs, payments and tenants for landlords.
Install
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. Sellers get professional photos, floor plans and a marketing plan included. Our team has done this many times, so you never have to guess.
Configure
Friendly people answer your questions quickly, by phone, chat or email. 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. Neighbourhood guides cover transport, schools and things to do.
Usage
Clear prices, honest advice and no surprises along the way. 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. Mortgage advisors help you understand what you can afford before you start.
Examples
We handle the paperwork, so you can focus on planning the move. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home. Thousands of buyers already trust us, and we work hard to keep it that way.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-100 flex-column align-items-stretch">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1137">Install</a><a class="nav-link ms-3 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:260px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1135" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">Our 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. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</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. 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>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. 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. 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">Clear prices, honest advice and no surprises along the way. 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. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house.
Midday
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. We measure success by how many buyers come back and tell their friends.
Afternoon
Sellers get professional photos, floor plans and a marketing plan included. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords. Our team has done this many times, so you never have to guess.
Evening
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. Friendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1141" class="list-group">
<a class="list-group-item list-group-item-action" href="#spy-1142">Morning</a><a class="list-group-item list-group-item-action" href="#spy-1143">Midday</a><a class="list-group-item list-group-item-action" href="#spy-1144">Afternoon</a><a class="list-group-item list-group-item-action" href="#spy-1145">Evening</a>
</div>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1141" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1142" class="pb-3">
<h3 class="h6">Morning</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. 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-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. 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.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. Honest advice comes first, even when it means waiting for the right home.
Beta
Sellers get professional photos, floor plans and a marketing plan included. Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need.
Gamma
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. Friendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="d-flex flex-column gap-2 small">
<a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1147">Alpha</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1148">Beta</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1146" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. Honest advice comes first, even when it means waiting for the right home.</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. 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-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
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. Start in minutes and get help from a real person whenever you need it.
Features
Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way.
Reviews
Our team has done this many times, so you never have to guess. Mortgage advisors help you understand what you can afford before you start. 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.
FAQ
Every detail is handled by people who care about getting it right. We measure success by how many buyers come back and tell their friends. 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.
<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">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. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Thousands of buyers already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way.</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. 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. We handle the paperwork, so you can focus on planning the move.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Every detail is handled by people who care about getting it right. We measure success by how many buyers come back and tell their friends. 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.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Start in minutes and get help from a real person whenever you need it. 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. We listen first, then build a plan around what you actually need.
Background
Thousands of buyers already trust us, and we work hard to keep it that way. 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.
Method
Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do. Book viewings online and take a 3D tour before you leave the house.
Results
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. Our local agents know every street, school and coffee shop in the area. We handle the paperwork, so you can focus on planning the move.
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">Start in minutes and get help from a real person whenever you need it. 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. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Honest advice comes first, even when it means waiting for the right home. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Neighbourhood guides cover transport, schools and things to do. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">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. Our local agents know every street, school and coffee shop in the area. We handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>
</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
Every listing is checked by our team, so the photos match what you see in person. Every detail is handled by people who care about getting it right. We measure success by how many buyers come back and tell their friends.
Set up your profile
Clear prices, honest advice and no surprises along the 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. Most of our homes sell within six weeks, often above the asking price.
Invite the team
Our rental team manages repairs, payments and tenants for landlords. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start.
Go live
Book viewings online and take a 3D tour before you leave the house. Clear prices, honest advice and no surprises along the way. Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. Every detail is handled by people who care about getting it right. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Sellers get professional photos, floor plans and a marketing plan included. We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Clear prices, honest advice and no surprises along the way. Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Looking back at a busy season
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. 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.
Renting versus buying: what makes sense now
Most of our homes sell within six weeks, often above the asking price. 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.
What really affects the value of your home
Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person. Our local agents know every street, school and coffee shop in the area. We keep things simple, so you can focus on what matters to you.
Ten questions to ask at a viewing
Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Get a free, no-obligation valuation of your home within 48 hours.
<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">Looking back at a busy season</h3>
<p class="small mb-0">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. 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-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">Renting versus buying: what makes sense now</h3>
<p class="small mb-0">Most of our homes sell within six weeks, often above the asking price. 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-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">Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person. Our local agents know every street, school and coffee shop in the area. We keep things simple, so you can focus on what matters to you.</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">Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- The best neighbourhoods for families this year?
- Honest advice comes first, even when it means waiting for the right home.
- The small habits that make a big difference?
- We measure success by how many buyers come back and tell their friends.
- How our valuations work?
- Friendly people answer your questions quickly, by phone, chat or email.
Shipping
- Buying a building plot: what to check first?
- Mortgage advisors help you understand what you can afford before you start.
- Staging tips that help homes sell faster?
- Our rental team manages repairs, payments and tenants for landlords.
- How to prepare your home for a quick sale?
- We handle the paperwork, so you can focus on planning the move.
Returns
- Five things we learned this year?
- Every detail is handled by people who care about getting it right.
- How to choose the right property?
- Our team has done this many times, so you never have to guess.
- What our buyers asked us most?
- Neighbourhood guides cover transport, schools and things to do.
<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">The best neighbourhoods for families this year?</dt>
<dd class="small text-body-secondary">Honest advice comes first, even when it means waiting for the right home.</dd>
<dt class="small">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">We measure success by how many buyers come back and tell their friends.</dd>
<dt class="small">How our valuations work?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
<dt class="small">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">Our rental team manages repairs, payments and tenants for landlords.</dd>
<dt class="small">How to prepare your home for a quick sale?</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">Five things we learned this year?</dt>
<dd class="small text-body-secondary">Every detail is handled by people who care about getting it right.</dd>
<dt class="small">How to choose the right property?</dt>
<dd class="small text-body-secondary">Our team has done this many times, so you never have to guess.</dd>
<dt class="small">What our buyers asked us most?</dt>
<dd class="small text-body-secondary">Neighbourhood guides cover transport, schools and things to do.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
We keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. Sellers get professional photos, floor plans and a marketing plan included.
Battery
Every listing is checked by our team, so the photos match what you see in person. 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.
Connectivity
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. Thousands of buyers already trust us, and we work hard to keep it that way.
Security
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. Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person.
<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 keep things simple, so you can focus on what matters to you. Start in minutes and get help from a real person whenever you need it. 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">Every listing is checked by our team, so the photos match what you see in person. 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-1177" class="pb-3">
<h3 class="h6">Connectivity</h3>
<p class="small">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. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<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. Friendly people answer your questions quickly, by phone, chat or email. Every listing is checked by our team, so the photos match what you see in person.</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.84 / mo
- 3D tours
- 3D tours
- 3D tours
Team
$49.92 / mo
- Verified listings
- Verified listings
- Neighbourhood guides
Business
$68.48 / mo
- Price alerts
- Expert agents
- 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">$19.84<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>3D tours</li>
<li>3D tours</li>
<li>3D tours</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="fs-4 fw-bold mb-1">$49.92<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Verified listings</li>
<li>Verified listings</li>
<li>Neighbourhood guides</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">$68.48<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Price alerts</li>
<li>Expert agents</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: How we sold a lake cottage in nine days
Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords.
Clear prices, honest advice and no surprises along the way. 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.
Chapter 2: A beginner's guide to getting started
We measure success by how many buyers come back and tell their friends. Thousands of buyers already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you.
Our local agents know every street, school and coffee shop in the area. Every detail is handled by people who care about getting it right. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do.
Chapter 3: A first-time buyer's checklist
Mortgage advisors help you understand what you can afford before you start. Price alerts tell you the moment a home that fits your search comes on the market. 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. Sellers get professional photos, floor plans and a marketing plan included. Mortgage advisors help you understand what you can afford before you start. We measure success by how many buyers come back and tell their friends.
Chapter 4: Our favourite tips for busy weeks
Honest advice comes first, even when it means waiting for the right home. We keep things simple, so you can focus on what matters to you. 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.
Neighbourhood guides cover transport, schools and things to do. 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.
<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">Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords.</p>
<p class="small">Clear prices, honest advice and no surprises along the way. 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.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: A beginner's guide to getting started</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Thousands of buyers already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you.</p>
<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. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: A first-time buyer's checklist</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Price alerts tell you the moment a home that fits your search comes on the market. Book viewings online and take a 3D tour before you leave the house.</p>
<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. Mortgage advisors help you understand what you can afford before you start. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Our favourite tips for busy weeks</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. We keep things simple, so you can focus on what matters to you. 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>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Most of our homes sell within six weeks, often above the asking price. 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>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.
Notifications
Thousands of buyers already trust us, and we work hard to keep it that way. We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it.
Privacy
Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house. 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-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="Chloe Quinn">
</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="Auckland">
</div>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email.</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">Thousands of buyers already trust us, and we work hard to keep it that way. We handle the paperwork, so you can focus on planning the move. Start in minutes and get help from a real person whenever you need it.</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">Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Marketing
- Felix LindqvistHR Partner
- Leo HaddadOperations Manager
- Noah BrennanCustomer Success
Operations
- Arjun OrtegaOperations Manager
- Isla KowalskiFinance Lead
- Felix MorganData Analyst
Design
- Luna DelgadoHR Partner
- Liam PatelSales Executive
- Aria FischerContent Writer
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Marketing</a><a class="nav-link" href="#spy-1199">Operations</a><a class="nav-link" href="#spy-1200">Design</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-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">Marketing</h3>
<ul class="list-unstyled">
<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="Felix Lindqvist"><div><div class="small fw-semibold">Felix Lindqvist</div><div class="small text-body-secondary">HR Partner</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.svg" class="rounded-circle" width="36" height="36" alt="Leo Haddad"><div><div class="small fw-semibold">Leo Haddad</div><div class="small text-body-secondary">Operations Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Noah Brennan"><div><div class="small fw-semibold">Noah Brennan</div><div class="small text-body-secondary">Customer Success</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Operations</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-circle" width="36" height="36" alt="Arjun Ortega"><div><div class="small fw-semibold">Arjun Ortega</div><div class="small text-body-secondary">Operations Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Isla Kowalski"><div><div class="small fw-semibold">Isla Kowalski</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-4.svg" class="rounded-circle" width="36" height="36" alt="Felix Morgan"><div><div class="small fw-semibold">Felix Morgan</div><div class="small text-body-secondary">Data Analyst</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Design</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Luna Delgado"><div><div class="small fw-semibold">Luna Delgado</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-8.svg" class="rounded-circle" width="36" height="36" alt="Liam Patel"><div><div class="small fw-semibold">Liam Patel</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-5.svg" class="rounded-circle" width="36" height="36" alt="Aria Fischer"><div><div class="small fw-semibold">Aria Fischer</div><div class="small text-body-secondary">Content Writer</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Land
- Seaside villa$2,015,000
- Studio apartment$330,000
- City loft$660,000
Commercial
- Penthouse$1,795,000
- Garden villa$1,175,000
- Building plot$225,000
Apartments
- Building plot$240,000
- Retail unit$455,000
- Studio apartment$295,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">Commercial</a><a class="nav-link" href="#spy-1204">Apartments</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>Seaside villa</span><span class="fw-semibold">$2,015,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Studio apartment</span><span class="fw-semibold">$330,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>City loft</span><span class="fw-semibold">$660,000</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Commercial</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Penthouse</span><span class="fw-semibold">$1,795,000</span></li>
<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>Building plot</span><span class="fw-semibold">$225,000</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Apartments</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Building plot</span><span class="fw-semibold">$240,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Retail unit</span><span class="fw-semibold">$455,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Studio apartment</span><span class="fw-semibold">$295,000</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email.
This week
Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price. We measure success by how many buyers come back and tell their friends.
Later
Get a free, no-obligation valuation of your home within 48 hours. We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.
Orbit
Every detail is handled by people who care about getting it right. Book viewings online and take a 3D tour before you leave the house. Clear prices, honest advice and no surprises along the way.
Landing
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. We keep things simple, so you can focus on what matters to you. Sellers get professional photos, floor plans and a marketing plan included.
<div data-ui-theme="dark" class="bg-dark text-body rounded p-3">
<nav id="spy-nav-1209" class="nav nav-pills mb-2">
<a class="nav-link" href="#spy-1210">Launch</a><a class="nav-link" href="#spy-1211">Orbit</a><a class="nav-link" href="#spy-1212">Landing</a>
</nav>
<div class="position-relative border rounded p-3 border-secondary" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1209" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1210" class="pb-3">
<h3 class="h6">Launch</h3>
<p class="small">We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Every detail is handled by people who care about getting it right. 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-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<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. We keep things simple, so you can focus on what matters to you. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Feb 16, 2026
- NewEvery listing is checked by our team, so the photos match what you see in person.
- ImprovedNeighbourhood guides cover transport, schools and things to do.
- FixedEvery detail is handled by people who care about getting it right.
v3.1 Aug 23, 2026
- NewWe keep things simple, so you can focus on what matters to you.
- ImprovedWe measure success by how many buyers come back and tell their friends.
- FixedHonest advice comes first, even when it means waiting for the right home.
v3.0 Oct 12, 2025
- NewPrice alerts tell you the moment a home that fits your search comes on the market.
- ImprovedWe listen first, then build a plan around what you actually need.
- FixedOur local agents know every street, school and coffee shop in the area.
v2.9 Jan 8, 2026
- NewOur rental team manages repairs, payments and tenants for landlords.
- ImprovedBook viewings online and take a 3D tour before you leave the house.
- FixedOur team has done this many times, so you never have to guess.
<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">Feb 16, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</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-primary me-1">Improved</span>Neighbourhood guides cover transport, schools and things to do.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every detail is handled by people who care about getting it right.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Aug 23, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We keep things simple, so you can focus on what matters to you.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>We measure success by how many buyers come back and tell their friends.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Honest advice comes first, even when it means waiting for the right home.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Oct 12, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>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-primary me-1">Improved</span>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our local agents know every street, school and coffee shop in the area.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Jan 8, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Our rental team manages repairs, payments and tenants for landlords.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Book viewings online and take a 3D tour before you leave the house.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our team has done this many times, so you never have to guess.</li>
</ul>
</div>
</div>
</div>
</div>