Scrollspy
Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-ui-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.
1In a navbar
Scroll the box: the navbar pill for the visible section becomes active.
Intro
We measure success by how many buyers come back and tell their friends. 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. Start in minutes and get help from a real person whenever you need it.
Book viewings online and take a 3D tour before you leave the house. 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. Sellers get professional photos, floor plans and a marketing plan included.
Details
We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords. 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.
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. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.
Pricing
Neighbourhood guides cover transport, schools and things to do. 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.
We listen first, then build a plan around what you actually need. Every listing is checked by our team, so the photos match what you see in person. Our team has done this many times, so you never have to guess. We handle the paperwork, so you can focus on planning the move.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Kora</a>
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link" href="#spy-1122">Intro</a></li>
<li class="nav-item"><a class="nav-link" href="#spy-1123">Details</a></li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-ui-toggle="dropdown" href="#" role="button" aria-expanded="false">More</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="#spy-1124">Pricing</a></li></ul></li>
</ul>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1121" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1122" class="pb-3">
<h3 class="h6">Intro</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. 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. Start in minutes and get help from a real person whenever you need it.</p>
<p class="small">Book viewings online and take a 3D tour before you leave the house. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Our rental team manages repairs, payments and tenants for landlords. 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.</p>
<p class="small">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. 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-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it.</p>
<p class="small">We listen first, then build a plan around what you actually need. Every listing is checked by our team, so the photos match what you see in person. Our team has done this many times, so you never have to guess. We handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included.
Step two
Get a free, no-obligation valuation of your home within 48 hours. Mortgage advisors help you understand what you can afford before you start. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.
Step three
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. Neighbourhood guides cover transport, schools and things to do. We measure success by how many buyers come back and tell their friends.
Step four
Our local agents know every street, school and coffee shop in the area. Thousands of buyers already trust us, and we work hard to keep it that way. Most of our homes sell within six weeks, often above the asking price.
<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">Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Mortgage advisors help you understand what you can afford before you start. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</h3>
<p class="small">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. Neighbourhood guides cover transport, schools and things to do. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Thousands of buyers already trust us, and we work hard to keep it that way. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Mortgage advice
Book viewings online and take a 3D tour before you leave the house. Honest advice comes first, even when it means waiting for the right home. Sellers get professional photos, floor plans and a marketing plan included. Start in minutes and get help from a real person whenever you need it.
Legal support
Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price.
Virtual tours
We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. Price alerts tell you the moment a home that fits your search comes on the market.
Questions
We keep things simple, so you can focus on what matters to you. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Mortgage advice</a><a class="nav-link" href="#spy-1132">Legal support</a><a class="nav-link" href="#spy-1133">Virtual tours</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1130" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1131" class="pb-3">
<h3 class="h6">Mortgage advice</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Honest advice comes first, even when it means waiting for the right home. Sellers get professional photos, floor plans and a marketing plan included. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house. Every listing is checked by our team, so the photos match what you see in person. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1133" class="pb-3">
<h3 class="h6">Virtual tours</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Neighbourhood guides cover transport, schools and things to do. 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. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>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. 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. Clear prices, honest advice and no surprises along the way.
Install
We measure success by how many buyers come back and tell their friends. Get a free, no-obligation valuation of your home within 48 hours. Thousands of buyers already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need.
Configure
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. Our rental team manages repairs, payments and tenants for landlords.
Usage
Book viewings online and take a 3D tour before you leave the house. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.
Examples
Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need.
<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. 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. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Get a free, no-obligation valuation of your home within 48 hours. Thousands of buyers already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1138" class="pb-3">
<h3 class="h6">Configure</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Every listing is checked by our team, so the photos match what you see in person. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Book viewings online and take a 3D tour before you leave the house. Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</h3>
<p class="small">Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.
Midday
Most of our homes sell within six weeks, often above the asking price. Neighbourhood guides cover transport, schools and things to do. We measure success by how many buyers come back and tell their friends.
Afternoon
We handle the paperwork, so you can focus on planning the move. Clear prices, honest advice and no surprises along the way. Our local agents know every street, school and coffee shop in the area. Sellers get professional photos, floor plans and a marketing plan included.
Evening
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. 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.
<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">Mortgage advisors help you understand what you can afford before you start. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-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. Neighbourhood guides cover transport, schools and things to do. 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">We handle the paperwork, so you can focus on planning the move. Clear prices, honest advice and no surprises along the way. Our local agents know every street, school and coffee shop in the area. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<p class="small">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. 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.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
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 rental team manages repairs, payments and tenants for landlords. Most of our homes sell within six weeks, often above the asking price.
Beta
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. Clear prices, honest advice and no surprises along the way.
Gamma
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. Get a free, no-obligation valuation of your home within 48 hours.
<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">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 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-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1149" class="pb-3">
<h3 class="h6">Gamma</h3>
<p class="small">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. Get a free, no-obligation valuation of your home within 48 hours.</p>
</div>
</div>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.
Features
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. We measure success by how many buyers come back and tell their friends.
Reviews
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. We listen first, then build a plan around what you actually need.
FAQ
Neighbourhood guides cover transport, schools and things to do. 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 handle the paperwork, so you can focus on planning the move.
<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">Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1152" class="pb-3">
<h3 class="h6">Features</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. We measure success by how many buyers come back and tell their friends.</p>
</div>
<div id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Our 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 handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house. Our rental team manages repairs, payments and tenants for landlords.
Background
Thousands of buyers already trust us, and we work hard to keep it that way. Every listing is checked by our team, so the photos match what you see in person. Honest advice comes first, even when it means waiting for the right home. We keep things simple, so you can focus on what matters to you.
Method
Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.
Results
Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Every detail is handled by people who care about getting it right.
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">Clear prices, honest advice and no surprises along the way. Book viewings online and take a 3D tour before you leave the house. Our rental team manages repairs, payments and tenants for landlords.</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. 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. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. We measure success by how many buyers come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Get a free, no-obligation valuation of your home within 48 hours. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
<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
We listen first, then build a plan around what you actually need. Mortgage advisors help you understand what you can afford before you start. Start in minutes and get help from a real person whenever you need it. Every listing is checked by our team, so the photos match what you see in person.
Set up your profile
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. Most of our homes sell within six weeks, often above the asking price.
Invite the team
Sellers get professional photos, floor plans and a marketing plan included. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.
Go live
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. Honest advice comes first, even when it means waiting for the right home.
<div class="row g-3">
<div class="col-sm-5">
<div id="spy-nav-1160" class="list-group list-group-numbered">
<a class="list-group-item list-group-item-action" href="#spy-1161">Create an account</a><a class="list-group-item list-group-item-action" href="#spy-1162">Set up your profile</a><a class="list-group-item list-group-item-action" href="#spy-1163">Invite the team</a><a class="list-group-item list-group-item-action" href="#spy-1164">Go live</a>
</div>
</div>
<div class="col-sm-7">
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1160" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1161" class="pb-3">
<h3 class="h6">Create an account</h3>
<p class="small">We listen first, then build a plan around what you actually need. Mortgage advisors help you understand what you can afford before you start. Start in minutes and get help from a real person whenever you need it. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">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. 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">Sellers get professional photos, floor plans and a marketing plan included. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">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. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
The small habits that make a big difference
We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.
How we sold a lake cottage in nine days
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. Start in minutes and get help from a real person whenever you need it.
A beginner's guide to getting started
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. Our team has done this many times, so you never have to guess.
Five things we learned this year
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.
<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 small habits that make a big difference</h3>
<p class="small mb-0">We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">How we sold a lake cottage in nine days</h3>
<p class="small mb-0">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. Start in minutes and get help from a real person whenever you need it.</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">A beginner's guide to getting started</h3>
<p class="small mb-0">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. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1169" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2026</span>
<h3 class="h6">Five things we learned this year</h3>
<p class="small mb-0">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.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Staging tips that help homes sell faster?
- Every detail is handled by people who care about getting it right.
- Renting versus buying: what makes sense now?
- Honest advice comes first, even when it means waiting for the right home.
- A first-time buyer's checklist?
- We keep things simple, so you can focus on what matters to you.
Shipping
- How to choose the right property?
- Neighbourhood guides cover transport, schools and things to do.
- Looking back at a busy season?
- Clear prices, honest advice and no surprises along the way.
- Buying a building plot: what to check first?
- Every listing is checked by our team, so the photos match what you see in person.
Returns
- Ten questions to ask at a viewing?
- Price alerts tell you the moment a home that fits your search comes on the market.
- What really affects the value of your home?
- Thousands of buyers already trust us, and we work hard to keep it that way.
- Our favourite tips for busy weeks?
- Mortgage advisors help you understand what you can afford before you start.
<div class="row g-3">
<div class="col-sm-3">
<nav id="spy-nav-1170" class="nav nav-pills flex-sm-column">
<a class="nav-link" href="#spy-1171">Orders</a><a class="nav-link" href="#spy-1172">Shipping</a><a class="nav-link" href="#spy-1173">Returns</a>
</nav>
</div>
<div class="col-sm-9">
<div class="position-relative border rounded p-3" style="height:240px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1170" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1171" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">Every detail is handled by people who care about getting it right.</dd>
<dt class="small">Renting versus buying: what makes sense now?</dt>
<dd class="small text-body-secondary">Honest advice comes first, even when it means waiting for the right home.</dd>
<dt class="small">A first-time buyer's checklist?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">How to choose the right property?</dt>
<dd class="small text-body-secondary">Neighbourhood guides cover transport, schools and things to do.</dd>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-body-secondary">Clear prices, honest advice and no surprises along the way.</dd>
<dt class="small">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">Every listing is checked by our team, so the photos match what you see in person.</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">Ten questions to ask at a viewing?</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">What really affects the value of your home?</dt>
<dd class="small text-body-secondary">Thousands of buyers already trust us, and we work hard to keep it that way.</dd>
<dt class="small">Our favourite tips for busy weeks?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
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. 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.
Battery
Most of our homes sell within six weeks, often above the asking price. Friendly people answer your questions quickly, by phone, chat or email. Get a free, no-obligation valuation of your home within 48 hours. Sellers get professional photos, floor plans and a marketing plan included.
Connectivity
We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.
Security
Price alerts tell you the moment a home that fits your search comes on the market. We handle the paperwork, so you can focus on planning the move. 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">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. Our team has done this many times, so you never have to guess. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. Friendly people answer your questions quickly, by phone, chat or email. Get a free, no-obligation valuation of your home within 48 hours. Sellers get professional photos, floor plans and a marketing plan included.</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. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the 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. We handle the paperwork, so you can focus on planning the move. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$11.26 / mo
- Expert agents
- Verified listings
- Neighbourhood guides
Team
$36.22 / mo
- Fast paperwork
- 3D tours
- Price alerts
Business
$78.75 / mo
- 3D tours
- Fast paperwork
- Price alerts
<nav id="spy-nav-1179" class="nav nav-pills justify-content-center mb-2">
<a class="nav-link" href="#spy-1180">Starter</a><a class="nav-link" href="#spy-1181">Team</a><a class="nav-link" href="#spy-1182">Business</a>
</nav>
<div class="position-relative border rounded p-3 bg-body-tertiary" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1179" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1180" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Starter</h3>
<p class="fs-4 fw-bold mb-1">$11.26<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Expert agents</li>
<li>Verified listings</li>
<li>Neighbourhood guides</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">$36.22<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Fast paperwork</li>
<li>3D tours</li>
<li>Price alerts</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$78.75<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>3D tours</li>
<li>Fast paperwork</li>
<li>Price alerts</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: The best neighbourhoods for families this year
Sellers get professional photos, floor plans and a marketing plan included. 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.
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. Start in minutes and get help from a real person whenever you need it.
Chapter 2: How our valuations work
Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email. Most of our homes sell within six weeks, often above the asking price.
Our team has done this many times, so you never have to guess. 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. We measure success by how many buyers come back and tell their friends.
Chapter 3: What our buyers asked us most
Thousands of buyers already trust us, and we work hard to keep it that way. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.
We handle the paperwork, so you can focus on planning the move. Honest advice comes first, even when it means waiting for the right home. Mortgage advisors help you understand what you can afford before you start.
Chapter 4: How to prepare your home for a quick sale
We measure success by how many buyers come back and tell their friends. Every listing is checked by our team, so the photos match what you see in person. Sellers get professional photos, floor plans and a marketing plan included. Our rental team manages repairs, payments and tenants for landlords.
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. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house.
<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: The best neighbourhoods for families this year</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. We listen first, then build a plan around what you actually need. 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. Book viewings online and take a 3D tour before you leave the house. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: How our valuations work</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email. Most of our homes sell within six weeks, often above the asking price.</p>
<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. 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.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: What our buyers asked us most</h3>
<p class="small">Thousands of buyers already trust us, and we work hard to keep it that way. Get a free, no-obligation valuation of your home within 48 hours. Our rental team manages repairs, payments and tenants for landlords. Every detail is handled by people who care about getting it right.</p>
<p class="small">We handle the paperwork, so you can focus on planning the move. Honest advice comes first, even when it means waiting for the right home. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: How to prepare your home for a quick sale</h3>
<p class="small">We measure success by how many buyers come back and tell their friends. Every listing is checked by our team, so the photos match what you see in person. Sellers get professional photos, floor plans and a marketing plan included. Our rental team manages repairs, payments and tenants for landlords.</p>
<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. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Clear prices, honest advice and no surprises along the 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. Thousands of buyers already trust us, and we work hard to keep it that way.
Notifications
Most of our homes sell within six weeks, often above the asking price. Our team has done this many times, so you never have to guess. Neighbourhood guides cover transport, schools and things to do.
Privacy
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. We handle the paperwork, so you can focus on planning the move.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-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="Lucas Nguyen">
</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="Toronto">
</div>
<p class="small">Clear prices, honest advice and no surprises along the 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. Thousands of buyers already trust us, and we work hard to keep it that way.</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">Most of our homes sell within six weeks, often above the asking price. Our team has done this many times, so you never have to guess. Neighbourhood guides cover transport, schools and things to do.</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">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. We handle the paperwork, so you can focus on planning the move.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Engineering
- Mateo DelgadoContent Writer
- Mia OrtegaFinance Lead
- Isla LindqvistData Analyst
Design
- Noah BrennanSales Executive
- Sofia CarterMarketing Lead
- Jonah LarsenCustomer Success
Human Resources
- Tariq OkaforProject Manager
- Zoe PatelMarketing Lead
- Ethan NovakProject Manager
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Engineering</a><a class="nav-link" href="#spy-1199">Design</a><a class="nav-link" href="#spy-1200">Human Resources</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1197" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Engineering</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Mateo Delgado"><div><div class="small fw-semibold">Mateo Delgado</div><div class="small text-body-secondary">Content Writer</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="Mia Ortega"><div><div class="small fw-semibold">Mia Ortega</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-8.svg" class="rounded-circle" width="36" height="36" alt="Isla Lindqvist"><div><div class="small fw-semibold">Isla Lindqvist</div><div class="small text-body-secondary">Data Analyst</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-3">
<h3 class="h6">Design</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.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">Sales Executive</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="Sofia Carter"><div><div class="small fw-semibold">Sofia Carter</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-6.svg" class="rounded-circle" width="36" height="36" alt="Jonah Larsen"><div><div class="small fw-semibold">Jonah Larsen</div><div class="small text-body-secondary">Customer Success</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Human Resources</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Tariq Okafor"><div><div class="small fw-semibold">Tariq Okafor</div><div class="small text-body-secondary">Project Manager</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Zoe Patel"><div><div class="small fw-semibold">Zoe Patel</div><div class="small text-body-secondary">Marketing Lead</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-circle" width="36" height="36" alt="Ethan Novak"><div><div class="small fw-semibold">Ethan Novak</div><div class="small text-body-secondary">Project Manager</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Commercial
- Lake cottage$560,000
- Country farmhouse$860,000
- Studio apartment$310,000
Apartments
- Lake cottage$595,000
- Country farmhouse$850,000
- Building plot$240,000
Land
- Seaside villa$2,100,000
- Garden villa$1,240,000
- Retail unit$465,000
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Commercial</a><a class="nav-link" href="#spy-1203">Apartments</a><a class="nav-link" href="#spy-1204">Land</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1201" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Commercial</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Lake cottage</span><span class="fw-semibold">$560,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Country farmhouse</span><span class="fw-semibold">$860,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Studio apartment</span><span class="fw-semibold">$310,000</span></li>
</ul>
</div>
<div id="spy-1203" 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>Lake cottage</span><span class="fw-semibold">$595,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Country farmhouse</span><span class="fw-semibold">$850,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Building plot</span><span class="fw-semibold">$240,000</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-3">
<h3 class="h6">Land</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Seaside villa</span><span class="fw-semibold">$2,100,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Garden villa</span><span class="fw-semibold">$1,240,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>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Price alerts tell you the moment a home that fits your search comes on the market. Every listing is checked by our team, so the photos match what you see in person. Friendly people answer your questions quickly, by phone, chat or email.
This week
Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. Our local agents know every street, school and coffee shop in the area.
Later
Every detail is handled by people who care about getting it right. Get a free, no-obligation valuation of your home within 48 hours. Clear prices, honest advice and no surprises along the way.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Every listing is checked by our team, so the photos match what you see in person. 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">Start in minutes and get help from a real person whenever you need it. Honest advice comes first, even when it means waiting for the right home. Our rental team manages repairs, payments and tenants for landlords. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<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. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
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. 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.
Orbit
Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do. We measure success by how many buyers come back and tell their friends.
Landing
Our team has done this many times, so you never have to guess. Book viewings online and take a 3D tour before you leave the house. Mortgage advisors help you understand what you can afford before you start. 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">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. 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>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Neighbourhood guides cover transport, schools and things to do. We measure success by how many buyers come back and tell their friends.</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. Book viewings online and take a 3D tour before you leave the house. Mortgage advisors help you understand what you can afford before you start. 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 Aug 26, 2026
- NewGet a free, no-obligation valuation of your home within 48 hours.
- ImprovedStart in minutes and get help from a real person whenever you need it.
- FixedEvery listing is checked by our team, so the photos match what you see in person.
v3.1 May 21, 2026
- NewWe measure success by how many buyers come back and tell their friends.
- ImprovedFriendly people answer your questions quickly, by phone, chat or email.
- FixedWe handle the paperwork, so you can focus on planning the move.
v3.0 May 29, 2026
- NewNeighbourhood guides cover transport, schools and things to do.
- ImprovedHonest advice comes first, even when it means waiting for the right home.
- FixedWe listen first, then build a plan around what you actually need.
v2.9 Apr 8, 2026
- NewThousands of buyers already trust us, and we work hard to keep it that way.
- ImprovedEvery detail is handled by people who care about getting it right.
- 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">Aug 26, 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>Start in minutes and get help from a real person whenever you need it.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Every listing is checked by our team, so the photos match what you see in person.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">May 21, 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>Friendly people answer your questions quickly, by phone, chat or email.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We handle the paperwork, so you can focus on planning the move.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">May 29, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Neighbourhood guides cover transport, schools and things to do.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Honest advice comes first, even when it means waiting for the right home.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We listen first, then build a plan around what you actually need.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Apr 8, 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>Every detail is handled by people who care about getting it right.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our team has done this many times, so you never have to guess.</li>
</ul>
</div>
</div>
</div>
</div>