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 keep things simple, so you can focus on what matters to you. Group tickets include a private meeting room for your team. The venue is a short walk from the station and fully accessible. Workshops are limited to thirty seats, so everyone gets hands-on time.
Our team has done this many times, so you never have to guess. Early bird tickets save you up to forty percent until the end of the month. Sponsors meet decision-makers in a relaxed, friendly setting.
Details
Thousands of attendees already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Three days of keynotes, hands-on workshops and evening meetups.
Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive. We measure success by how many attendees come back and tell their friends. Virtual passes let you join the main stage live from anywhere.
Pricing
Every attendee receives a certificate of participation. Every detail is handled by people who care about getting it right. Our evening party is the best place to turn talks into friendships.
Start in minutes and get help from a real person whenever you need it. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.
<nav id="spy-nav-1121" class="navbar bg-surface-3 px-4 mb-4 rounded-md">
<a class="navbar-brand" href="#">Bloomix Nest</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="relative border rounded-md p-4" 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-4">
<h3 class="h6">Intro</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Group tickets include a private meeting room for your team. The venue is a short walk from the station and fully accessible. Workshops are limited to thirty seats, so everyone gets hands-on time.</p>
<p class="small">Our team has done this many times, so you never have to guess. Early bird tickets save you up to forty percent until the end of the month. Sponsors meet decision-makers in a relaxed, friendly setting.</p>
</div>
<div id="spy-1123" class="pb-4">
<h3 class="h6">Details</h3>
<p class="small">Thousands of attendees already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Three days of keynotes, hands-on workshops and evening meetups.</p>
<p class="small">Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive. We measure success by how many attendees come back and tell their friends. Virtual passes let you join the main stage live from anywhere.</p>
</div>
<div id="spy-1124" class="pb-4">
<h3 class="h6">Pricing</h3>
<p class="small">Every attendee receives a certificate of participation. Every detail is handled by people who care about getting it right. Our evening party is the best place to turn talks into friendships.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.</p>
</div>
</div>2Horizontal pills
A row of pills above the box tracks the four steps.
Step one
The venue is a short walk from the station and fully accessible. Thousands of attendees already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email.
Step two
Every detail is handled by people who care about getting it right. Workshops are limited to thirty seats, so everyone gets hands-on time. The networking app helps you meet the right people before you arrive. We keep things simple, so you can focus on what matters to you.
Step three
More than eighty speakers share what they have learned the hard way. Early bird tickets save you up to forty percent until the end of the month. Clear prices, honest advice and no surprises along the way.
Step four
Virtual passes let you join the main stage live from anywhere. We listen first, then build a plan around what you actually need. Every attendee receives a certificate of participation. Three days of keynotes, hands-on workshops and evening meetups.
<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="relative border rounded-md p-4" 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-4">
<h3 class="h6">Step one</h3>
<p class="small">The venue is a short walk from the station and fully accessible. Thousands of attendees already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1127" class="pb-4">
<h3 class="h6">Step two</h3>
<p class="small">Every detail is handled by people who care about getting it right. Workshops are limited to thirty seats, so everyone gets hands-on time. The networking app helps you meet the right people before you arrive. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1128" class="pb-4">
<h3 class="h6">Step three</h3>
<p class="small">More than eighty speakers share what they have learned the hard way. Early bird tickets save you up to forty percent until the end of the month. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1129" class="pb-4">
<h3 class="h6">Step four</h3>
<p class="small">Virtual passes let you join the main stage live from anywhere. We listen first, then build a plan around what you actually need. Every attendee receives a certificate of participation. Three days of keynotes, hands-on workshops and evening meetups.</p>
</div>
</div>3Vertical pills
A column of pills beside the content; on phones the menu sits above.
Networking app
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. Our evening party is the best place to turn talks into friendships. Every session is recorded, so you can catch up on anything you missed.
Speaker management
We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed. Group tickets include a private meeting room for your team. We keep things simple, so you can focus on what matters to you.
Ticketing
Sponsors meet decision-makers in a relaxed, friendly setting. Early bird tickets save you up to forty percent until the end of the month. Clear prices, honest advice and no surprises along the way.
Questions
The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1130" class="nav nav-pills flex-col">
<a class="nav-link" href="#spy-1131">Networking app</a><a class="nav-link" href="#spy-1132">Speaker management</a><a class="nav-link" href="#spy-1133">Ticketing</a><a class="nav-link" href="#spy-1134">Questions</a>
</nav>
</div>
<div class="col-sm-8">
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Networking app</h3>
<p class="small">Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it. Our evening party is the best place to turn talks into friendships. Every session is recorded, so you can catch up on anything you missed.</p>
</div>
<div id="spy-1132" class="pb-4">
<h3 class="h6">Speaker management</h3>
<p class="small">We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed. Group tickets include a private meeting room for your team. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1133" class="pb-4">
<h3 class="h6">Ticketing</h3>
<p class="small">Sponsors meet decision-makers in a relaxed, friendly setting. Early bird tickets save you up to forty percent until the end of the month. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1134" class="pb-4">
<h3 class="h6">Questions</h3>
<p class="small">The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.</p>
</div>
</div>
</div>
</div>4Nested navigation
Sub-items are indented under their parent and both highlight while you scroll.
Getting started
Virtual passes let you join the main stage live from anywhere. Start in minutes and get help from a real person whenever you need it. Workshops are limited to thirty seats, so everyone gets hands-on time.
Install
Three days of keynotes, hands-on workshops and evening meetups. The venue is a short walk from the station and fully accessible. More than eighty speakers share what they have learned the hard way. Thousands of attendees already trust us, and we work hard to keep it that way.
Configure
Our evening party is the best place to turn talks into friendships. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many attendees come back and tell their friends.
Usage
Every attendee receives a certificate of participation. Every detail is handled by people who care about getting it right. Our evening party is the best place to turn talks into friendships.
Examples
More than eighty speakers share what they have learned the hard way. Workshops are limited to thirty seats, so everyone gets hands-on time. Sponsors meet decision-makers in a relaxed, friendly setting. Friendly people answer your questions quickly, by phone, chat or email.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1135" class="h-full flex-col items-stretch">
<nav class="nav nav-pills flex-col">
<a class="nav-link" href="#spy-1136">Getting started</a>
<nav class="nav nav-pills flex-col">
<a class="nav-link ms-4 my-1" href="#spy-1137">Install</a><a class="nav-link ms-4 my-1" href="#spy-1138">Configure</a>
</nav>
<a class="nav-link" href="#spy-1139">Usage</a>
<nav class="nav nav-pills flex-col">
<a class="nav-link ms-4 my-1" href="#spy-1140">Examples</a>
</nav>
</nav>
</nav>
</div>
<div class="col-sm-8">
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Getting started</h3>
<p class="small">Virtual passes let you join the main stage live from anywhere. Start in minutes and get help from a real person whenever you need it. Workshops are limited to thirty seats, so everyone gets hands-on time.</p>
</div>
<div id="spy-1137" class="pb-4">
<h3 class="h6">Install</h3>
<p class="small">Three days of keynotes, hands-on workshops and evening meetups. The venue is a short walk from the station and fully accessible. More than eighty speakers share what they have learned the hard way. Thousands of attendees already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1138" class="pb-4">
<h3 class="h6">Configure</h3>
<p class="small">Our evening party is the best place to turn talks into friendships. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many attendees come back and tell their friends.</p>
</div>
<div id="spy-1139" class="pb-4">
<h3 class="h6">Usage</h3>
<p class="small">Every attendee receives a certificate of participation. Every detail is handled by people who care about getting it right. Our evening party is the best place to turn talks into friendships.</p>
</div>
<div id="spy-1140" class="pb-4">
<h3 class="h6">Examples</h3>
<p class="small">More than eighty speakers share what they have learned the hard way. Workshops are limited to thirty seats, so everyone gets hands-on time. Sponsors meet decision-makers in a relaxed, friendly setting. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
</div>
</div>
</div>5List group
List group items as the spy menu - clear active state with no extra styling.
Morning
We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. Three days of keynotes, hands-on workshops and evening meetups.
Midday
Start in minutes and get help from a real person whenever you need it. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed.
Afternoon
Group tickets include a private meeting room for your team. Early bird tickets save you up to forty percent until the end of the month. Every attendee receives a certificate of participation. We keep things simple, so you can focus on what matters to you.
Evening
Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-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="relative border rounded-md p-4" 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-4">
<h3 class="h6">Morning</h3>
<p class="small">We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. Three days of keynotes, hands-on workshops and evening meetups.</p>
</div>
<div id="spy-1143" class="pb-4">
<h3 class="h6">Midday</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed.</p>
</div>
<div id="spy-1144" class="pb-4">
<h3 class="h6">Afternoon</h3>
<p class="small">Group tickets include a private meeting room for your team. Early bird tickets save you up to forty percent until the end of the month. Every attendee receives a certificate of participation. We keep things simple, so you can focus on what matters to you.</p>
</div>
<div id="spy-1145" class="pb-4">
<h3 class="h6">Evening</h3>
<p class="small">Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.</p>
</div>
</div>
</div>
</div>6Simple anchors
Any links work as targets; style the active one with a scoped class.
Alpha
Virtual passes let you join the main stage live from anywhere. The venue is a short walk from the station and fully accessible. More than eighty speakers share what they have learned the hard way. The venue is a short walk from the station and fully accessible.
Beta
Group tickets include a private meeting room for your team. We measure success by how many attendees come back and tell their friends. Virtual passes let you join the main stage live from anywhere. Every attendee receives a certificate of participation.
Gamma
Sponsors meet decision-makers in a relaxed, friendly setting. 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.
<div class="row g-3 cb-spy-plain">
<div class="col-4">
<div id="spy-nav-1146" class="flex flex-col gap-2 small">
<a class="p-1 rounded-md link-body-emphasis no-underline" href="#spy-1147">Alpha</a><a class="p-1 rounded-md link-body-emphasis no-underline" href="#spy-1148">Beta</a><a class="p-1 rounded-md link-body-emphasis no-underline" href="#spy-1149">Gamma</a>
</div>
</div>
<div class="col-8">
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Alpha</h3>
<p class="small">Virtual passes let you join the main stage live from anywhere. The venue is a short walk from the station and fully accessible. More than eighty speakers share what they have learned the hard way. The venue is a short walk from the station and fully accessible.</p>
</div>
<div id="spy-1148" class="pb-4">
<h3 class="h6">Beta</h3>
<p class="small">Group tickets include a private meeting room for your team. We measure success by how many attendees come back and tell their friends. Virtual passes let you join the main stage live from anywhere. Every attendee receives a certificate of participation.</p>
</div>
<div id="spy-1149" class="pb-4">
<h3 class="h6">Gamma</h3>
<p class="small">Sponsors meet decision-makers in a relaxed, friendly setting. 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>
</div>
</div>7Underline tabs
An underline nav as a sticky-looking section switcher above a product page.
Overview
We keep things simple, so you can focus on what matters to you. Workshops are limited to thirty seats, so everyone gets hands-on time. Start in minutes and get help from a real person whenever you need it.
Features
Three days of keynotes, hands-on workshops and evening meetups. Every session is recorded, so you can catch up on anything you missed. Every detail is handled by people who care about getting it right.
Reviews
Early bird tickets save you up to forty percent until the end of the month. Thousands of attendees already trust us, and we work hard to keep it that way. The networking app helps you meet the right people before you arrive.
FAQ
Our evening party is the best place to turn talks into friendships. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.
<nav id="spy-nav-1150" class="nav nav-underline mb-2 border-b">
<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="relative border rounded-md p-4 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-4">
<h3 class="h6">Overview</h3>
<p class="small">We keep things simple, so you can focus on what matters to you. Workshops are limited to thirty seats, so everyone gets hands-on time. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1152" class="pb-4">
<h3 class="h6">Features</h3>
<p class="small">Three days of keynotes, hands-on workshops and evening meetups. Every session is recorded, so you can catch up on anything you missed. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1153" class="pb-4">
<h3 class="h6">Reviews</h3>
<p class="small">Early bird tickets save you up to forty percent until the end of the month. Thousands of attendees already trust us, and we work hard to keep it that way. The networking app helps you meet the right people before you arrive.</p>
</div>
<div id="spy-1154" class="pb-4">
<h3 class="h6">FAQ</h3>
<p class="small">Our evening party is the best place to turn talks into friendships. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way.</p>
</div>
</div>8Table of contents on the right
Documentation layout: content first, a small contents list on the right on larger screens.
Summary
Every session is recorded, so you can catch up on anything you missed. Friendly people answer your questions quickly, by phone, chat or email. Every attendee receives a certificate of participation.
Background
Workshops are limited to thirty seats, so everyone gets hands-on time. Sponsors meet decision-makers in a relaxed, friendly setting. Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.
Method
The networking app helps you meet the right people before you arrive. Our evening party is the best place to turn talks into friendships. More than eighty speakers share what they have learned the hard way.
Results
Three days of keynotes, hands-on workshops and evening meetups. Virtual passes let you join the main stage live from anywhere. Start in minutes and get help from a real person whenever you need it.
On this page
<div class="row g-3">
<div class="col-md-9">
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Summary</h3>
<p class="small">Every session is recorded, so you can catch up on anything you missed. Friendly people answer your questions quickly, by phone, chat or email. Every attendee receives a certificate of participation.</p>
</div>
<div id="spy-1157" class="pb-4">
<h3 class="h6">Background</h3>
<p class="small">Workshops are limited to thirty seats, so everyone gets hands-on time. Sponsors meet decision-makers in a relaxed, friendly setting. Thousands of attendees already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1158" class="pb-4">
<h3 class="h6">Method</h3>
<p class="small">The networking app helps you meet the right people before you arrive. Our evening party is the best place to turn talks into friendships. More than eighty speakers share what they have learned the hard way.</p>
</div>
<div id="spy-1159" class="pb-4">
<h3 class="h6">Results</h3>
<p class="small">Three days of keynotes, hands-on workshops and evening meetups. Virtual passes let you join the main stage live from anywhere. Start in minutes and get help from a real person whenever you need it.</p>
</div>
</div>
</div>
<div class="col-md-3 order-first md:order-last">
<p class="small font-semibold uppercase text-muted mb-2">On this page</p>
<nav id="spy-nav-1155" class="nav nav-pills flex-col 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
Early bird tickets save you up to forty percent until the end of the month. We listen first, then build a plan around what you actually need. The venue is a short walk from the station and fully accessible. Clear prices, honest advice and no surprises along the way.
Set up your profile
We measure success by how many attendees come back and tell their friends. We keep things simple, so you can focus on what matters to you. Group tickets include a private meeting room for your team. Our team has done this many times, so you never have to guess.
Invite the team
Start in minutes and get help from a real person whenever you need it. The networking app helps you meet the right people before you arrive. Every detail is handled by people who care about getting it right.
Go live
Thousands of attendees already trust us, and we work hard to keep it that way. More than eighty speakers share what they have learned the hard way. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.
<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="relative border rounded-md p-4" 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-4">
<h3 class="h6">Create an account</h3>
<p class="small">Early bird tickets save you up to forty percent until the end of the month. We listen first, then build a plan around what you actually need. The venue is a short walk from the station and fully accessible. Clear prices, honest advice and no surprises along the way.</p>
</div>
<div id="spy-1162" class="pb-4">
<h3 class="h6">Set up your profile</h3>
<p class="small">We measure success by how many attendees come back and tell their friends. We keep things simple, so you can focus on what matters to you. Group tickets include a private meeting room for your team. Our team has done this many times, so you never have to guess.</p>
</div>
<div id="spy-1163" class="pb-4">
<h3 class="h6">Invite the team</h3>
<p class="small">Start in minutes and get help from a real person whenever you need it. The networking app helps you meet the right people before you arrive. Every detail is handled by people who care about getting it right.</p>
</div>
<div id="spy-1164" class="pb-4">
<h3 class="h6">Go live</h3>
<p class="small">Thousands of attendees already trust us, and we work hard to keep it that way. More than eighty speakers share what they have learned the hard way. Group tickets include a private meeting room for your team. Sponsors meet decision-makers in a relaxed, friendly setting.</p>
</div>
</div>
</div>
</div>10Timeline by year
Year buttons follow a scrolling company timeline.
Ten talks you should not miss this year
Our evening party is the best place to turn talks into friendships. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed. We listen first, then build a plan around what you actually need.
What our attendees asked us most
Every attendee receives a certificate of participation. Workshops are limited to thirty seats, so everyone gets hands-on time. Early bird tickets save you up to forty percent until the end of the month. The venue is a short walk from the station and fully accessible.
What makes a panel worth watching
Our team has done this many times, so you never have to guess. Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.
Our favourite tips for busy weeks
Virtual passes let you join the main stage live from anywhere. Clear prices, honest advice and no surprises along the way. Workshops are limited to thirty seats, so everyone gets hands-on time.
<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="relative border rounded-md p-4" 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-4 pb-6 border-s border-2 border-primary/30">
<span class="badge text-bg-primary mb-2">2023</span>
<h3 class="h6">Ten talks you should not miss this year</h3>
<p class="small mb-0">Our evening party is the best place to turn talks into friendships. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed. We listen first, then build a plan around what you actually need.</p>
</div>
<div id="spy-1167" class="ps-4 pb-6 border-s border-2 border-primary/30">
<span class="badge text-bg-primary mb-2">2024</span>
<h3 class="h6">What our attendees asked us most</h3>
<p class="small mb-0">Every attendee receives a certificate of participation. Workshops are limited to thirty seats, so everyone gets hands-on time. Early bird tickets save you up to forty percent until the end of the month. The venue is a short walk from the station and fully accessible.</p>
</div>
<div id="spy-1168" class="ps-4 pb-6 border-s border-2 border-primary/30">
<span class="badge text-bg-primary mb-2">2025</span>
<h3 class="h6">What makes a panel worth watching</h3>
<p class="small mb-0">Our team has done this many times, so you never have to guess. Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1169" class="ps-4 pb-6 border-s border-2 border-primary/30">
<span class="badge text-bg-primary mb-2">2026</span>
<h3 class="h6">Our favourite tips for busy weeks</h3>
<p class="small mb-0">Virtual passes let you join the main stage live from anywhere. Clear prices, honest advice and no surprises along the way. Workshops are limited to thirty seats, so everyone gets hands-on time.</p>
</div>
</div>11FAQ sections
Question groups in a scrollable panel with topic links.
Orders
- How to pitch a talk that gets accepted?
- The venue is a short walk from the station and fully accessible.
- Five things we learned this year?
- We listen first, then build a plan around what you actually need.
- Looking back at a busy season?
- Thousands of attendees already trust us, and we work hard to keep it that way.
Shipping
- A beginner's guide to getting started?
- Every session is recorded, so you can catch up on anything you missed.
- How to choose the right ticket?
- More than eighty speakers share what they have learned the hard way.
- A guide to the city for visiting attendees?
- Virtual passes let you join the main stage live from anywhere.
Returns
- How to get the most out of a conference?
- Start in minutes and get help from a real person whenever you need it.
- The small habits that make a big difference?
- Early bird tickets save you up to forty percent until the end of the month.
- What we learned from last year's feedback?
- Every attendee receives a certificate of participation.
<div class="row g-3">
<div class="col-sm-3">
<nav id="spy-nav-1170" class="nav nav-pills sm:flex-col">
<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="relative border rounded-md p-4" 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-4">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Orders</h3>
<dl>
<dt class="small">How to pitch a talk that gets accepted?</dt>
<dd class="small text-muted">The venue is a short walk from the station and fully accessible.</dd>
<dt class="small">Five things we learned this year?</dt>
<dd class="small text-muted">We listen first, then build a plan around what you actually need.</dd>
<dt class="small">Looking back at a busy season?</dt>
<dd class="small text-muted">Thousands of attendees already trust us, and we work hard to keep it that way.</dd>
</dl>
</div>
<div id="spy-1172" class="pb-4">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Shipping</h3>
<dl>
<dt class="small">A beginner's guide to getting started?</dt>
<dd class="small text-muted">Every session is recorded, so you can catch up on anything you missed.</dd>
<dt class="small">How to choose the right ticket?</dt>
<dd class="small text-muted">More than eighty speakers share what they have learned the hard way.</dd>
<dt class="small">A guide to the city for visiting attendees?</dt>
<dd class="small text-muted">Virtual passes let you join the main stage live from anywhere.</dd>
</dl>
</div>
<div id="spy-1173" class="pb-4">
<h3 class="h6"><i class="bi bi-question-circle-fill" aria-hidden="true"></i> Returns</h3>
<dl>
<dt class="small">How to get the most out of a conference?</dt>
<dd class="small text-muted">Start in minutes and get help from a real person whenever you need it.</dd>
<dt class="small">The small habits that make a big difference?</dt>
<dd class="small text-muted">Early bird tickets save you up to forty percent until the end of the month.</dd>
<dt class="small">What we learned from last year's feedback?</dt>
<dd class="small text-muted">Every attendee receives a certificate of participation.</dd>
</dl>
</div>
</div>
</div>
</div>12Icon menu
Each spy link starts with an icon - nice for spec sheets.
Performance
Sponsors meet decision-makers in a relaxed, friendly setting. Every detail is handled by people who care about getting it right. Group tickets include a private meeting room for your team. Our evening party is the best place to turn talks into friendships.
Battery
Three days of keynotes, hands-on workshops and evening meetups. Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. The networking app helps you meet the right people before you arrive.
Connectivity
We measure success by how many attendees 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. Early bird tickets save you up to forty percent until the end of the month.
Security
Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Every attendee receives a certificate of participation.
<div class="row g-3">
<div class="col-sm-4">
<nav id="spy-nav-1174" class="nav nav-pills flex-col">
<a class="nav-link flex items-center gap-2" href="#spy-1175"><i class="bi bi-cpu-fill" aria-hidden="true"></i>Performance</a><a class="nav-link flex items-center gap-2" href="#spy-1176"><i class="bi bi-battery-half" aria-hidden="true"></i>Battery</a><a class="nav-link flex items-center gap-2" href="#spy-1177"><i class="bi bi-wifi" aria-hidden="true"></i>Connectivity</a><a class="nav-link flex 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="relative border rounded-md p-4" 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-4">
<h3 class="h6">Performance</h3>
<p class="small">Sponsors meet decision-makers in a relaxed, friendly setting. Every detail is handled by people who care about getting it right. Group tickets include a private meeting room for your team. Our evening party is the best place to turn talks into friendships.</p>
</div>
<div id="spy-1176" class="pb-4">
<h3 class="h6">Battery</h3>
<p class="small">Three days of keynotes, hands-on workshops and evening meetups. Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. The networking app helps you meet the right people before you arrive.</p>
</div>
<div id="spy-1177" class="pb-4">
<h3 class="h6">Connectivity</h3>
<p class="small">We measure success by how many attendees 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. Early bird tickets save you up to forty percent until the end of the month.</p>
</div>
<div id="spy-1178" class="pb-4">
<h3 class="h6">Security</h3>
<p class="small">Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. Every attendee receives a certificate of participation.</p>
</div>
</div>
</div>
</div>13Pricing plans
Spy over a stack of plan cards; the pill row shows which plan is in view.
Starter
$18.49 / mo
- Hands-on workshops
- Recorded sessions
- Mobile agenda
Team
$34.51 / mo
- World-class speakers
- Hands-on workshops
- Hands-on workshops
Business
$76.26 / mo
- Hands-on workshops
- Mobile agenda
- Networking lounges
<nav id="spy-nav-1179" class="nav nav-pills justify-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="relative border rounded-md p-4 bg-surface-3" 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-4">
<div class="card-body">
<h3 class="h6 card-title">Starter</h3>
<p class="text-xl font-bold mb-1">$18.49<small class="text-base text-muted"> / mo</small></p>
<ul class="small mb-0">
<li>Hands-on workshops</li>
<li>Recorded sessions</li>
<li>Mobile agenda</li>
</ul>
</div>
</div>
<div id="spy-1181" class="card mb-4">
<div class="card-body">
<h3 class="h6 card-title">Team</h3>
<p class="text-xl font-bold mb-1">$34.51<small class="text-base text-muted"> / mo</small></p>
<ul class="small mb-0">
<li>World-class speakers</li>
<li>Hands-on workshops</li>
<li>Hands-on workshops</li>
</ul>
</div>
</div>
<div id="spy-1182" class="card mb-4">
<div class="card-body">
<h3 class="h6 card-title">Business</h3>
<p class="text-xl font-bold mb-1">$76.26<small class="text-base text-muted"> / mo</small></p>
<ul class="small mb-0">
<li>Hands-on workshops</li>
<li>Mobile agenda</li>
<li>Networking lounges</li>
</ul>
</div>
</div>
</div>14Chapter reader
A reading pane with chapter links in a small dropdown-free list above.
Chapter 1: Behind the scenes: building the stage
The venue is a short walk from the station and fully accessible. Workshops are limited to thirty seats, so everyone gets hands-on time. Our team has done this many times, so you never have to guess.
The networking app helps you meet the right people before you arrive. Group tickets include a private meeting room for your team. Our evening party is the best place to turn talks into friendships. Thousands of attendees already trust us, and we work hard to keep it that way.
Chapter 2: Highlights from last year's workshops
Every detail is handled by people who care about getting it right. More than eighty speakers share what they have learned the hard way. Sponsors meet decision-makers in a relaxed, friendly setting.
Three days of keynotes, hands-on workshops and evening meetups. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.
Chapter 3: Announcing our first keynote speakers
Virtual passes let you join the main stage live from anywhere. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed.
Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way. Our evening party is the best place to turn talks into friendships.
Chapter 4: Joining online: how the virtual pass works
The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. More than eighty speakers share what they have learned the hard way.
Start in minutes and get help from a real person whenever you need it. Every session is recorded, so you can catch up on anything you missed. Three days of keynotes, hands-on workshops and evening meetups. Workshops are limited to thirty seats, so everyone gets hands-on time.
<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="relative border rounded-md p-4 border-t-0 rounded-t-none leading-loose" 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-4">
<h3 class="h6">Chapter 1: Behind the scenes: building the stage</h3>
<p class="small">The venue is a short walk from the station and fully accessible. Workshops are limited to thirty seats, so everyone gets hands-on time. Our team has done this many times, so you never have to guess.</p>
<p class="small">The networking app helps you meet the right people before you arrive. Group tickets include a private meeting room for your team. Our evening party is the best place to turn talks into friendships. Thousands of attendees already trust us, and we work hard to keep it that way.</p>
</div>
<div id="spy-1185" class="pb-4">
<h3 class="h6">Chapter 2: Highlights from last year's workshops</h3>
<p class="small">Every detail is handled by people who care about getting it right. More than eighty speakers share what they have learned the hard way. Sponsors meet decision-makers in a relaxed, friendly setting.</p>
<p class="small">Three days of keynotes, hands-on workshops and evening meetups. 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-1186" class="pb-4">
<h3 class="h6">Chapter 3: Announcing our first keynote speakers</h3>
<p class="small">Virtual passes let you join the main stage live from anywhere. We measure success by how many attendees come back and tell their friends. Every session is recorded, so you can catch up on anything you missed.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way. Our evening party is the best place to turn talks into friendships.</p>
</div>
<div id="spy-1187" class="pb-4">
<h3 class="h6">Chapter 4: Joining online: how the virtual pass works</h3>
<p class="small">The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. More than eighty speakers share what they have learned the hard way.</p>
<p class="small">Start in minutes and get help from a real person whenever you need it. Every session is recorded, so you can catch up on anything you missed. Three days of keynotes, hands-on workshops and evening meetups. Workshops are limited to thirty seats, so everyone gets hands-on time.</p>
</div>
</div>15Settings form
A long settings form split into sections with a side menu that follows along.
Profile
Every attendee receives a certificate of participation. Friendly people answer your questions quickly, by phone, chat or email. Virtual passes let you join the main stage live from anywhere.
Notifications
Sponsors meet decision-makers in a relaxed, friendly setting. Thousands of attendees already trust us, and we work hard to keep it that way. Early bird tickets save you up to forty percent until the end of the month.
Privacy
We measure success by how many attendees come back and tell their friends. The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you.
<div class="row g-3">
<div class="col-sm-4">
<div id="spy-nav-1188" class="list-group list-group-flush border rounded-md">
<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="relative border rounded-md p-4" 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-4">
<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="Felix Mensah">
</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="Oslo">
</div>
<p class="small">Every attendee receives a certificate of participation. Friendly people answer your questions quickly, by phone, chat or email. Virtual passes let you join the main stage live from anywhere.</p>
</div>
<div id="spy-1190" class="pb-4">
<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">Sponsors meet decision-makers in a relaxed, friendly setting. Thousands of attendees already trust us, and we work hard to keep it that way. Early bird tickets save you up to forty percent until the end of the month.</p>
</div>
<div id="spy-1191" class="pb-4">
<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 measure success by how many attendees come back and tell their friends. The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you.</p>
</div>
</div>
</div>
</div>16Team directory
Department links track a scrolling list of people.
Sales
- Ravi DuarteProduct Designer
- Luna OkaforBackend Engineer
- Chloe HaddadArt Director
Human Resources
- Jonah HarlowCustomer Success
- Arjun FischerContent Writer
- Isla WhitakerHR Partner
Customer Support
- Hana SatoArt Director
- Zoe MoreauBackend Engineer
- Elena BrennanHR Partner
<nav id="spy-nav-1197" class="nav nav-pills mb-2 small flex-wrap">
<a class="nav-link" href="#spy-1198">Sales</a><a class="nav-link" href="#spy-1199">Human Resources</a><a class="nav-link" href="#spy-1200">Customer Support</a>
</nav>
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Sales</h3>
<ul class="list-unstyled">
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-7.svg" class="rounded-full" width="36" height="36" alt="Ravi Duarte"><div><div class="small font-semibold">Ravi Duarte</div><div class="small text-muted">Product Designer</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-6.svg" class="rounded-full" width="36" height="36" alt="Luna Okafor"><div><div class="small font-semibold">Luna Okafor</div><div class="small text-muted">Backend Engineer</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-full" width="36" height="36" alt="Chloe Haddad"><div><div class="small font-semibold">Chloe Haddad</div><div class="small text-muted">Art Director</div></div></li>
</ul>
</div>
<div id="spy-1199" class="pb-4">
<h3 class="h6">Human Resources</h3>
<ul class="list-unstyled">
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-full" width="36" height="36" alt="Jonah Harlow"><div><div class="small font-semibold">Jonah Harlow</div><div class="small text-muted">Customer Success</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-full" width="36" height="36" alt="Arjun Fischer"><div><div class="small font-semibold">Arjun Fischer</div><div class="small text-muted">Content Writer</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-9.svg" class="rounded-full" width="36" height="36" alt="Isla Whitaker"><div><div class="small font-semibold">Isla Whitaker</div><div class="small text-muted">HR Partner</div></div></li>
</ul>
</div>
<div id="spy-1200" class="pb-4">
<h3 class="h6">Customer Support</h3>
<ul class="list-unstyled">
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-4.svg" class="rounded-full" width="36" height="36" alt="Hana Sato"><div><div class="small font-semibold">Hana Sato</div><div class="small text-muted">Art Director</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-11.svg" class="rounded-full" width="36" height="36" alt="Zoe Moreau"><div><div class="small font-semibold">Zoe Moreau</div><div class="small text-muted">Backend Engineer</div></div></li>
<li class="flex items-center gap-2 mb-2"><img src="../assets/img/avatar-10.svg" class="rounded-full" width="36" height="36" alt="Elena Brennan"><div><div class="small font-semibold">Elena Brennan</div><div class="small text-muted">HR Partner</div></div></li>
</ul>
</div>
</div>17Catalogue categories
Category pills over a scrolling price list.
Webinar
- VIP pass$836.00
- Recording pass$57.00
- Panel day ticket$217.00
Meetup
- Workshop ticket$137.00
- Group bundle$1,900
- VIP pass$916.99
Panel
- Panel day ticket$212.99
- Recording pass$54.00
- Group bundle$1,950
<nav id="spy-nav-1201" class="nav nav-pills nav-fill mb-2 small">
<a class="nav-link" href="#spy-1202">Webinar</a><a class="nav-link" href="#spy-1203">Meetup</a><a class="nav-link" href="#spy-1204">Panel</a>
</nav>
<div class="relative border rounded-md p-4" 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-4">
<h3 class="h6">Webinar</h3>
<ul class="list-unstyled">
<li class="flex justify-between border-b py-2 small"><span>VIP pass</span><span class="font-semibold">$836.00</span></li>
<li class="flex justify-between border-b py-2 small"><span>Recording pass</span><span class="font-semibold">$57.00</span></li>
<li class="flex justify-between border-b py-2 small"><span>Panel day ticket</span><span class="font-semibold">$217.00</span></li>
</ul>
</div>
<div id="spy-1203" class="pb-4">
<h3 class="h6">Meetup</h3>
<ul class="list-unstyled">
<li class="flex justify-between border-b py-2 small"><span>Workshop ticket</span><span class="font-semibold">$137.00</span></li>
<li class="flex justify-between border-b py-2 small"><span>Group bundle</span><span class="font-semibold">$1,900</span></li>
<li class="flex justify-between border-b py-2 small"><span>VIP pass</span><span class="font-semibold">$916.99</span></li>
</ul>
</div>
<div id="spy-1204" class="pb-4">
<h3 class="h6">Panel</h3>
<ul class="list-unstyled">
<li class="flex justify-between border-b py-2 small"><span>Panel day ticket</span><span class="font-semibold">$212.99</span></li>
<li class="flex justify-between border-b py-2 small"><span>Recording pass</span><span class="font-semibold">$54.00</span></li>
<li class="flex justify-between border-b py-2 small"><span>Group bundle</span><span class="font-semibold">$1,950</span></li>
</ul>
</div>
</div>18Inside a card
Card header pills spy on the scrolling card body.
Today
Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team. Every detail is handled by people who care about getting it right. Every attendee receives a certificate of participation.
This week
Virtual passes let you join the main stage live from anywhere. The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Sponsors meet decision-makers in a relaxed, friendly setting.
Later
Every detail is handled by people who care about getting it right. Every session is recorded, so you can catch up on anything you missed. More than eighty speakers share what they have learned the hard 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="relative border rounded-md p-4 border-0 rounded-none" 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-4">
<h3 class="h6">Today</h3>
<p class="small">Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team. Every detail is handled by people who care about getting it right. Every attendee receives a certificate of participation.</p>
</div>
<div id="spy-1207" class="pb-4">
<h3 class="h6">This week</h3>
<p class="small">Virtual passes let you join the main stage live from anywhere. The networking app helps you meet the right people before you arrive. We listen first, then build a plan around what you actually need. Sponsors meet decision-makers in a relaxed, friendly setting.</p>
</div>
<div id="spy-1208" class="pb-4">
<h3 class="h6">Later</h3>
<p class="small">Every detail is handled by people who care about getting it right. Every session is recorded, so you can catch up on anything you missed. More than eighty speakers share what they have learned the hard way.</p>
</div>
</div>
</div>
</div>19Dark theme
The whole widget inside <code>data-ui-theme="dark"</code>.
Launch
Thousands of attendees already trust us, and we work hard to keep it that way. Early bird tickets save you up to forty percent until the end of the month. Start in minutes and get help from a real person whenever you need it.
Orbit
The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.
Landing
Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team. Three days of keynotes, hands-on workshops and evening meetups.
<div data-ui-theme="dark" class="bg-dark text-body rounded-md p-4">
<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="relative border rounded-md p-4 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-4">
<h3 class="h6">Launch</h3>
<p class="small">Thousands of attendees already trust us, and we work hard to keep it that way. Early bird tickets save you up to forty percent until the end of the month. Start in minutes and get help from a real person whenever you need it.</p>
</div>
<div id="spy-1211" class="pb-4">
<h3 class="h6">Orbit</h3>
<p class="small">The venue is a short walk from the station and fully accessible. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.</p>
</div>
<div id="spy-1212" class="pb-4">
<h3 class="h6">Landing</h3>
<p class="small">Our team has done this many times, so you never have to guess. Group tickets include a private meeting room for your team. Three days of keynotes, hands-on workshops and evening meetups.</p>
</div>
</div>
</div>20Changelog
Version links on the left follow release notes with coloured change badges.
v3.2 Sep 26, 2025
- NewWorkshops are limited to thirty seats, so everyone gets hands-on time.
- ImprovedWe measure success by how many attendees come back and tell their friends.
- FixedOur evening party is the best place to turn talks into friendships.
v3.1 Sep 26, 2025
- NewClear prices, honest advice and no surprises along the way.
- ImprovedThousands of attendees already trust us, and we work hard to keep it that way.
- FixedClear prices, honest advice and no surprises along the way.
v3.0 Mar 10, 2026
- NewThe networking app helps you meet the right people before you arrive.
- ImprovedEarly bird tickets save you up to forty percent until the end of the month.
- FixedWorkshops are limited to thirty seats, so everyone gets hands-on time.
v2.9 Sep 22, 2026
- NewOur team has done this many times, so you never have to guess.
- ImprovedMore than eighty speakers share what they have learned the hard way.
- 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-col 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="relative border rounded-md p-4" 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-4">
<h3 class="h6">v3.2 <small class="text-muted font-normal">Sep 26, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Workshops are limited to thirty seats, so everyone gets hands-on time.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>We measure success by how many attendees come back and tell their friends.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Our evening party is the best place to turn talks into friendships.</li>
</ul>
</div>
<div id="spy-1215" class="pb-4">
<h3 class="h6">v3.1 <small class="text-muted font-normal">Sep 26, 2025</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Clear prices, honest advice and no surprises along the way.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Thousands of attendees already trust us, and we work hard to keep it that way.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Clear prices, honest advice and no surprises along the way.</li>
</ul>
</div>
<div id="spy-1216" class="pb-4">
<h3 class="h6">v3.0 <small class="text-muted font-normal">Mar 10, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>The networking app helps you meet the right people before you arrive.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>Early bird tickets save you up to forty percent until the end of the month.</li>
<li class="mb-1"><span class="badge text-bg-danger me-1">Fixed</span>Workshops are limited to thirty seats, so everyone gets hands-on time.</li>
</ul>
</div>
<div id="spy-1217" class="pb-4">
<h3 class="h6">v2.9 <small class="text-muted font-normal">Sep 22, 2026</small></h3>
<ul class="list-unstyled small">
<li class="mb-1"><span class="badge text-bg-success me-1">New</span>Our team has done this many times, so you never have to guess.</li>
<li class="mb-1"><span class="badge text-bg-primary me-1">Improved</span>More than eighty speakers share what they have learned the hard way.</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>