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
Most of our homes sell within six weeks, often above the asking price. 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.
Mortgage advisors help you understand what you can afford before you start. We keep things simple, so you can focus on what matters to you. Sellers get professional photos, floor plans and a marketing plan included.
Details
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. 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. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends. We listen first, then build a plan around what you actually need.
Pricing
Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move. We keep things simple, so you can focus on what matters to you.
Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right. 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.
<nav id="spy-nav-1121" class="navbar bg-body-tertiary px-3 mb-3 rounded">
<a class="navbar-brand" href="#">Miraly</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">Most of our homes sell within six weeks, often above the asking price. 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.</p>
<p class="small">Mortgage advisors help you understand what you can afford before you start. 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 id="spy-1123" class="pb-3">
<h3 class="h6">Details</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Every listing is checked by our team, so the photos match what you see in person. Our local agents know every street, school and coffee shop in the area. Our rental team manages repairs, payments and tenants for landlords.</p>
<p class="small">Our team has done this many times, so you never have to guess. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1124" class="pb-3">
<h3 class="h6">Pricing</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. We handle the paperwork, so you can focus on planning the move. We keep things simple, so you can focus on what matters to you.</p>
<p class="small">Our team has done this many times, so you never have to guess. Every detail is handled by people who care about getting it right. 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>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
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. Honest advice comes first, even when it means waiting for the right home.
Step two
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. 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.
Step three
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. Neighbourhood guides cover transport, schools and things to do.
Step four
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. Friendly people answer your questions quickly, by phone, chat or email.
<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">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. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1127" class="pb-3">
<h3 class="h6">Step two</h3>
<p class="small">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. Thousands of buyers already trust us, and we work hard to keep it that way. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1128" class="pb-3">
<h3 class="h6">Step three</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. Neighbourhood guides cover transport, schools and things to do.</p>
</div>
<div id="spy-1129" class="pb-3">
<h3 class="h6">Step four</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. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Virtual tours
Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends. Our local agents know every street, school and coffee shop in the area.
Legal support
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. Our rental team manages repairs, payments and tenants for landlords. Clear prices, honest advice and no surprises along the way.
Mortgage advice
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. Book viewings online and take a 3D tour before you leave the house.
Questions
Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1131">Virtual tours</a><a class="nav-link" href="#spy-1132">Legal support</a><a class="nav-link" href="#spy-1133">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">Virtual tours</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. We measure success by how many buyers come back and tell their friends. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1132" class="pb-3">
<h3 class="h6">Legal support</h3>
<p class="small">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. 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-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. Honest advice comes first, even when it means waiting for the right home. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
<div id="spy-1134" class="pb-3">
<h3 class="h6">Questions</h3>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
We handle the paperwork, so you can focus on planning the move. 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.
Install
Friendly people answer your questions quickly, by phone, chat or email. 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.
Configure
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. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.
Usage
Most of our homes sell within six weeks, often above the asking price. We keep things simple, so you can focus on what matters to you. Every listing is checked by our team, so the photos match what you see in person.
Examples
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. Sellers get professional photos, floor plans and a marketing plan included.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-100 flex-column align-items-stretch">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1137">Install</a><a class="nav-link ms-3 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-column">
<a class="nav-link ms-3 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="position-relative border rounded p-3" style="height:260px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1135" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1136" class="pb-3">
<h3 class="h6">Getting started</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. 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.</p>
</div>
<div id="spy-1137" class="pb-3">
<h3 class="h6">Install</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. 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-1138" class="pb-3">
<h3 class="h6">Configure</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. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1139" class="pb-3">
<h3 class="h6">Usage</h3>
<p class="small">Most of our homes sell within six weeks, often above the asking price. We keep things simple, so you can focus on what matters to you. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
<div id="spy-1140" class="pb-3">
<h3 class="h6">Examples</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. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
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. Honest advice comes first, even when it means waiting for the right home.
Midday
We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.
Afternoon
Neighbourhood guides cover transport, schools and things to do. Every detail is handled by people who care about getting it right. Mortgage advisors help you understand what you can afford before you start.
Evening
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.
<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">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. Honest advice comes first, even when it means waiting for the right home.</p>
</div>
<div id="spy-1143" class="pb-3">
<h3 class="h6">Midday</h3>
<p class="small">We listen first, then build a plan around what you actually need. 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. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1144" class="pb-3">
<h3 class="h6">Afternoon</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. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1145" class="pb-3">
<h3 class="h6">Evening</h3>
<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>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
We handle the paperwork, so you can focus on planning the move. Thousands of buyers already trust us, and we work hard to keep it that way. Price alerts tell you the moment a home that fits your search comes on the market.
Beta
Mortgage advisors help you understand what you can afford before you start. 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. Clear prices, honest advice and no surprises along the way.
Gamma
We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="d-flex flex-column gap-2 small">
<a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1147">Alpha</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1148">Beta</a><a class="p-1 rounded link-body-emphasis text-decoration-none" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="position-relative border rounded p-3" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1146" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1147" class="pb-3">
<h3 class="h6">Alpha</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Thousands of buyers already trust us, and we work hard to keep it that way. Price alerts tell you the moment a home that fits your search comes on the market.</p>
</div>
<div id="spy-1148" class="pb-3">
<h3 class="h6">Beta</h3>
<p class="small">Mortgage advisors help you understand what you can afford before you start. 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. 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">We keep things simple, so you can focus on what matters to you. Neighbourhood guides cover transport, schools and things to do. 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>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
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. We listen first, then build a plan around what you actually need.
Features
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. 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.
Reviews
Honest advice comes first, even when it means waiting for the right home. Start in minutes and get help from a real person whenever you need it. Sellers get professional photos, floor plans and a marketing plan included.
FAQ
Every listing is checked by our team, so the photos match what you see in person. Neighbourhood guides cover transport, schools and things to do. Our rental team manages repairs, payments and tenants for landlords.
<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">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. We listen first, then build a plan around what you actually need.</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. Our rental team manages repairs, payments and tenants for landlords. 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 id="spy-1153" class="pb-3">
<h3 class="h6">Reviews</h3>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Start in minutes and get help from a real person whenever you need it. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1154" class="pb-3">
<h3 class="h6">FAQ</h3>
<p class="small">Every listing is checked by our team, so the photos match what you see in person. Neighbourhood guides cover transport, schools and things to do. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
We measure success by how many buyers come back and tell their friends. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email.
Background
Price alerts tell you the moment a home that fits your search comes on the market. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price.
Method
We handle the paperwork, so you can focus on planning the move. 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. Get a free, no-obligation valuation of your home within 48 hours.
Results
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. Thousands of buyers already trust us, and we work hard to keep it that way.
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">We measure success by how many buyers come back and tell their friends. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1157" class="pb-3">
<h3 class="h6">Background</h3>
<p class="small">Price alerts tell you the moment a home that fits your search comes on the market. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
<div id="spy-1158" class="pb-3">
<h3 class="h6">Method</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. 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-1159" class="pb-3">
<h3 class="h6">Results</h3>
<p class="small">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. Thousands of buyers already trust us, and we work hard to keep it that way.</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
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 local agents know every street, school and coffee shop in the area.
Set up your profile
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. Thousands of buyers already trust us, and we work hard to keep it that way.
Invite the team
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. 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.
Go live
We handle the paperwork, so you can focus on planning the move. 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.
<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">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 local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1162" class="pb-3">
<h3 class="h6">Set up your profile</h3>
<p class="small">Every detail is handled by people who care about getting it right. 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-1163" class="pb-3">
<h3 class="h6">Invite the team</h3>
<p class="small">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. 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-1164" class="pb-3">
<h3 class="h6">Go live</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. 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.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Our favourite tips for busy weeks
Most of our homes sell within six weeks, often above the asking price. Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included.
A beginner's guide to getting started
Get a free, no-obligation valuation of your home within 48 hours. Book viewings online and take a 3D tour before you leave the house. We measure success by how many buyers come back and tell their friends.
What really affects the value of your home
Friendly people answer your questions quickly, by phone, chat or email. 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. Neighbourhood guides cover transport, schools and things to do.
What our buyers asked us most
Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Thousands of buyers already trust us, and we work hard to keep it that way. Every listing is checked by our team, so the photos match what you see in person.
<nav id="spy-nav-1165" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1166">2023</a><a class="nav-link" href="#spy-1167">2024</a><a class="nav-link" href="#spy-1168">2025</a><a class="nav-link" href="#spy-1169">2026</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1165" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1166" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2023</span>
<h3 class="h6">Our favourite tips for busy weeks</h3>
<p class="small mb-0">Most of our homes sell within six weeks, often above the asking price. Mortgage advisors help you understand what you can afford before you start. Sellers get professional photos, floor plans and a marketing plan included.</p>
</div>
<div id="spy-1167" class="ps-3 pb-4 border-start border-2 border-primary-subtle">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">A beginner's guide to getting started</h3>
<p class="small mb-0">Get a free, no-obligation valuation of your home within 48 hours. Book viewings online and take a 3D tour before you leave the house. We measure success by how many buyers come back and tell their friends.</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. 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. Neighbourhood guides cover transport, schools and things to do.</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">What our buyers asked us most</h3>
<p class="small mb-0">Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Thousands of buyers already trust us, and we work hard to keep it that way. Every listing is checked by our team, so the photos match what you see in person.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- Renting versus buying: what makes sense now?
- Sellers get professional photos, floor plans and a marketing plan included.
- A first-time buyer's checklist?
- Neighbourhood guides cover transport, schools and things to do.
- Looking back at a busy season?
- Get a free, no-obligation valuation of your home within 48 hours.
Shipping
- How to prepare your home for a quick sale?
- We keep things simple, so you can focus on what matters to you.
- Staging tips that help homes sell faster?
- Mortgage advisors help you understand what you can afford before you start.
- How our valuations work?
- Book viewings online and take a 3D tour before you leave the house.
Returns
- Ten questions to ask at a viewing?
- Price alerts tell you the moment a home that fits your search comes on the market.
- The small habits that make a big difference?
- Friendly people answer your questions quickly, by phone, chat or email.
- Buying a building plot: what to check first?
- We measure success by how many buyers come back and tell their friends.
<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" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">Renting versus buying: what makes sense now?</dt>
<dd class="small text-body-secondary">Sellers get professional photos, floor plans and a marketing plan included.</dd>
<dt class="small">A first-time buyer's checklist?</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">Get a free, no-obligation valuation of your home within 48 hours.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">How to prepare your home for a quick sale?</dt>
<dd class="small text-body-secondary">We keep things simple, so you can focus on what matters to you.</dd>
<dt class="small">Staging tips that help homes sell faster?</dt>
<dd class="small text-body-secondary">Mortgage advisors help you understand what you can afford before you start.</dd>
<dt class="small">How our valuations work?</dt>
<dd class="small text-body-secondary">Book viewings online and take a 3D tour before you leave the house.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-3">
<h3 class="h6"><i class="bi bi-question-circle" 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">The small habits that make a big difference?</dt>
<dd class="small text-body-secondary">Friendly people answer your questions quickly, by phone, chat or email.</dd>
<dt class="small">Buying a building plot: what to check first?</dt>
<dd class="small text-body-secondary">We measure success by how many buyers come back and tell their friends.</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. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.
Battery
Clear prices, honest advice and no surprises along the way. 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.
Connectivity
Our rental team manages repairs, payments and tenants for landlords. Most of our homes sell within six weeks, often above the asking price. Every detail is handled by people who care about getting it right.
Security
We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Our local agents know every street, school and coffee shop in the area.
<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" 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. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1176" class="pb-3">
<h3 class="h6">Battery</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. 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">Our rental team manages repairs, payments and tenants for landlords. Most of our homes sell within six weeks, often above the asking price. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1178" class="pb-3">
<h3 class="h6">Security</h3>
<p class="small">We handle the paperwork, so you can focus on planning the move. Mortgage advisors help you understand what you can afford before you start. Our local agents know every street, school and coffee shop in the area.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$16.16 / mo
- 3D tours
- Fast paperwork
- Price alerts
Team
$47.50 / mo
- 3D tours
- Price alerts
- Expert agents
Business
$56.40 / mo
- Price alerts
- Expert agents
- Neighbourhood guides
<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">$16.16<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 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">$47.50<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>3D tours</li>
<li>Price alerts</li>
<li>Expert agents</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-3">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="fs-4 fw-bold mb-1">$56.40<small class="fs-6 text-body-secondary"> / mo</small></p>
<ul class="small mb-0">
<li>Price alerts</li>
<li>Expert agents</li>
<li>Neighbourhood guides</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
Honest advice comes first, even when it means waiting for the right home. We handle the paperwork, so you can focus on planning the move. Clear prices, honest advice and no surprises along the way. Get a free, no-obligation valuation of your home within 48 hours.
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. Sellers get professional photos, floor plans and a marketing plan included. Every detail is handled by people who care about getting it right.
Chapter 2: The best neighbourhoods for families this year
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. Price alerts tell you the moment a home that fits your search comes on the market.
Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.
Chapter 3: How to choose the right property
Our rental team manages repairs, payments and tenants for landlords. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house.
We measure success by how many buyers come back and tell their friends. Every 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.
Chapter 4: Five things we learned this year
Clear prices, honest advice and no surprises along the way. Thousands of buyers already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need.
Sellers get professional photos, floor plans and a marketing plan included. Most of our homes sell within six weeks, often above the asking price. Friendly people answer your questions quickly, by phone, chat or email.
<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">Honest advice comes first, even when it means waiting for the right home. We handle the paperwork, so you can focus on planning the move. Clear prices, honest advice and no surprises along the way. Get a free, no-obligation valuation of your home within 48 hours.</p>
<p class="small">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. Sellers get professional photos, floor plans and a marketing plan included. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1185" class="pb-3">
<h3 class="h6">Chapter 2: The best neighbourhoods for families this year</h3>
<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. Price alerts tell you the moment a home that fits your search comes on the market.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Neighbourhood guides cover transport, schools and things to do. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1186" class="pb-3">
<h3 class="h6">Chapter 3: How to choose the right property</h3>
<p class="small">Our rental team manages repairs, payments and tenants for landlords. Friendly people answer your questions quickly, by phone, chat or email. Book viewings online and take a 3D tour before you leave the house.</p>
<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. Our local agents know every street, school and coffee shop in the area.</p>
</div>
<div id="spy-1187" class="pb-3">
<h3 class="h6">Chapter 4: Five things we learned this year</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. Thousands of buyers already trust us, and we work hard to keep it that way. 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.</p>
<p class="small">Sellers get professional photos, floor plans and a marketing plan included. Most of our homes sell within six weeks, often above the asking price. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
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. Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start.
Notifications
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. Every detail is handled by people who care about getting it right.
Privacy
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. Book viewings online and take a 3D tour before you leave the house.
<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="Elena Haddad">
</div>
<div class="mb-2">
<label for="spy-in-1193" class="form-label small">City</label>
<input class="form-control form-control-sm" id="spy-in-1193" value="Prague">
</div>
<p class="small">Honest advice comes first, even when it means waiting for the right home. Price alerts tell you the moment a home that fits your search comes on the market. Neighbourhood guides cover transport, schools and things to do. Mortgage advisors help you understand what you can afford before you start.</p>
</div>
<div id="spy-1190" class="pb-3">
<h3 class="h6">Notifications</h3>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1194" checked>
<label class="form-check-label small" for="spy-sw-1194">Product news</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="spy-sw-1195">
<label class="form-check-label small" for="spy-sw-1195">Weekly digest</label>
</div>
<p class="small">We measure success by how many buyers come back and tell their friends. 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 id="spy-1191" class="pb-3">
<h3 class="h6">Privacy</h3>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="spy-sw-1196">
<label class="form-check-label small" for="spy-sw-1196">Hide my profile from search</label>
</div>
<p class="small">Start in minutes and get help from a real person whenever you need it. We handle the paperwork, so you can focus on planning the move. Book viewings online and take a 3D tour before you leave the house.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Legal
- Sofia NovakSupport Specialist
- Ruby DelgadoQA Engineer
- Kai NovakOperations Manager
Design
- Amara LindqvistBackend Engineer
- Mason OkaforCustomer Success
- Isla WhitakerProject Manager
Operations
- Jonah HarlowContent Writer
- Ava FischerFinance Lead
- Lea KowalskiCustomer Success
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Legal</a><a class="nav-link" href="#spy-1199">Design</a><a class="nav-link" href="#spy-1200">Operations</a>
</nav>
<div class="position-relative border rounded p-3" style="height:230px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1197" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1198" class="pb-3">
<h3 class="h6">Legal</h3>
<ul class="list-unstyled">
<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="Sofia Novak"><div><div class="small fw-semibold">Sofia Novak</div><div class="small text-body-secondary">Support Specialist</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-circle" width="36" height="36" alt="Ruby Delgado"><div><div class="small fw-semibold">Ruby Delgado</div><div class="small text-body-secondary">QA Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-2.svg" class="rounded-circle" width="36" height="36" alt="Kai Novak"><div><div class="small fw-semibold">Kai Novak</div><div class="small text-body-secondary">Operations Manager</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-8.svg" class="rounded-circle" width="36" height="36" alt="Amara Lindqvist"><div><div class="small fw-semibold">Amara Lindqvist</div><div class="small text-body-secondary">Backend Engineer</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-circle" width="36" height="36" alt="Mason Okafor"><div><div class="small fw-semibold">Mason Okafor</div><div class="small text-body-secondary">Customer Success</div></div></li>
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-12.svg" class="rounded-circle" width="36" height="36" alt="Isla Whitaker"><div><div class="small fw-semibold">Isla Whitaker</div><div class="small text-body-secondary">Project Manager</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-3">
<h3 class="h6">Operations</h3>
<ul class="list-unstyled">
<li class="d-flex align-items-center gap-2 mb-2"><img src="../assets/img/avatar-1.svg" class="rounded-circle" width="36" height="36" alt="Jonah Harlow"><div><div class="small fw-semibold">Jonah Harlow</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-2.svg" class="rounded-circle" width="36" height="36" alt="Ava Fischer"><div><div class="small fw-semibold">Ava Fischer</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-9.svg" class="rounded-circle" width="36" height="36" alt="Lea Kowalski"><div><div class="small fw-semibold">Lea Kowalski</div><div class="small text-body-secondary">Customer Success</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Commercial
- Garden villa$1,315,000
- Retail unit$425,000
- Corner office$940,000
Villas
- Studio apartment$305,000
- Garden villa$1,225,000
- City loft$660,000
Land
- Seaside villa$2,120,000
- Country farmhouse$850,000
- Family house$750,000
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Commercial</a><a class="nav-link" href="#spy-1203">Villas</a><a class="nav-link" href="#spy-1204">Land</a>
</nav>
<div class="position-relative border rounded p-3" style="height:220px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1201" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1202" class="pb-3">
<h3 class="h6">Commercial</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Garden villa</span><span class="fw-semibold">$1,315,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Retail unit</span><span class="fw-semibold">$425,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Corner office</span><span class="fw-semibold">$940,000</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-3">
<h3 class="h6">Villas</h3>
<ul class="list-unstyled">
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Studio apartment</span><span class="fw-semibold">$305,000</span></li>
<li class="d-flex justify-content-between border-bottom py-2 small"><span>Garden villa</span><span class="fw-semibold">$1,225,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-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,120,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>Family house</span><span class="fw-semibold">$750,000</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
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. Our team has done this many times, so you never have to guess.
This week
Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords.
Later
Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends.
<div class="card">
<div class="card-header">
<nav id="spy-nav-1205" class="nav nav-pills card-header-pills">
<a class="nav-link" href="#spy-1206">Today</a><a class="nav-link" href="#spy-1207">This week</a><a class="nav-link" href="#spy-1208">Later</a>
</nav>
</div>
<div class="card-body p-0">
<div class="position-relative border rounded p-3 border-0 rounded-0" style="height:200px;overflow-y:auto" data-ui-spy="scroll" data-ui-target="#spy-nav-1205" data-ui-smooth-scroll="true" tabindex="0">
<div id="spy-1206" class="pb-3">
<h3 class="h6">Today</h3>
<p class="small">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. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1207" class="pb-3">
<h3 class="h6">This week</h3>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it. Our rental team manages repairs, payments and tenants for landlords.</p>
</div>
<div id="spy-1208" class="pb-3">
<h3 class="h6">Later</h3>
<p class="small">Neighbourhood guides cover transport, schools and things to do. Thousands of buyers already trust us, and we work hard to keep it that way. We measure success by how many buyers come back and tell their friends.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
We handle the paperwork, so you can focus on planning the move. 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.
Orbit
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. 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.
Landing
Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Honest advice comes first, even when it means waiting for the right home. Most of our homes sell within six weeks, often above the asking price.
<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 handle the paperwork, so you can focus on planning the move. Price alerts tell you the moment a home that fits your search comes on the market. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1211" class="pb-3">
<h3 class="h6">Orbit</h3>
<p class="small">Our local agents know every street, school and coffee shop in the area. Every detail is handled by people who care about getting it right. 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.</p>
</div>
<div id="spy-1212" class="pb-3">
<h3 class="h6">Landing</h3>
<p class="small">Get a free, no-obligation valuation of your home within 48 hours. Our team has done this many times, so you never have to guess. Honest advice comes first, even when it means waiting for the right home. Most of our homes sell within six weeks, often above the asking price.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Jul 18, 2026
- NewWe listen first, then build a plan around what you actually need.
- ImprovedMortgage advisors help you understand what you can afford before you start.
- FixedSellers get professional photos, floor plans and a marketing plan included.
v3.1 Sep 24, 2026
- NewWe keep things simple, so you can focus on what matters to you.
- ImprovedMortgage advisors help you understand what you can afford before you start.
- FixedPrice alerts tell you the moment a home that fits your search comes on the market.
v3.0 Oct 23, 2025
- NewStart in minutes and get help from a real person whenever you need it.
- ImprovedMost of our homes sell within six weeks, often above the asking price.
- FixedThousands of buyers already trust us, and we work hard to keep it that way.
v2.9 Nov 30, 2025
- NewSellers get professional photos, floor plans and a marketing plan included.
- ImprovedOur team has done this many times, so you never have to guess.
- FixedWe keep things simple, so you can focus on what matters to you.
<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">Jul 18, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>We listen first, then build a plan around what you actually need.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Mortgage advisors help you understand what you can afford before you start.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Sellers get professional photos, floor plans and a marketing plan included.</li>
</ul>
</div>
<div id="spy-1215" class="pb-3">
<h3 class="h6">v3.1 <small class="text-body-secondary fw-normal">Sep 24, 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>Mortgage advisors help you understand what you can afford before you start.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Price alerts tell you the moment a home that fits your search comes on the market.</li>
</ul>
</div>
<div id="spy-1216" class="pb-3">
<h3 class="h6">v3.0 <small class="text-body-secondary fw-normal">Oct 23, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</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-primary me-1">Improved</span>Most of our homes sell within six weeks, often above the asking price.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Thousands of buyers already trust us, and we work hard to keep it that way.</li>
</ul>
</div>
<div id="spy-1217" class="pb-3">
<h3 class="h6">v2.9 <small class="text-body-secondary fw-normal">Nov 30, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Sellers get professional photos, floor plans and a marketing plan included.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Our team has done this many times, so you never have to guess.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>We keep things simple, so you can focus on what matters to you.</li>
</ul>
</div>
</div>
</div>
</div>