Skip to content
Opal
Notifications
Mason Duarte updated the report
35 min agoTariq Sato updated the report
46 min agoRuby Rossi commented on your task
4 days ago
View all

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-bs-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

Every detail is handled by people who care about getting it right. Virtual passes let you join the main stage live from anywhere. Every attendee receives a certificate of participation. Three days of keynotes, hands-on workshops and evening meetups.

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. Start in minutes and get help from a real person whenever you need it.

Details

Clear prices, honest advice and no surprises along the way. 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. 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. Group tickets include a private meeting room for your team.

Pricing

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 evening party is the best place to turn talks into friendships. 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. The venue is a short walk from the station and fully accessible. Every session is recorded, so you can catch up on anything you missed. We measure success by how many attendees come back and tell their friends.

2Horizontal pills

A row of pills above the box tracks the four steps.

Step one

Every session is recorded, so you can catch up on anything you missed. The venue is a short walk from the station and fully accessible. Friendly people answer your questions quickly, by phone, chat or email. Thousands of attendees already trust us, and we work hard to keep it that way.

Step two

Sponsors meet decision-makers in a relaxed, friendly setting. Every attendee receives a certificate of participation. Our evening party is the best place to turn talks into friendships. Three days of keynotes, hands-on workshops and evening meetups.

Step three

The networking app helps you meet the right people before you arrive. More than eighty speakers share what they have learned the hard way. Group tickets include a private meeting room for your team. We keep things simple, so you can focus on what matters to you.

Step four

Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Early bird tickets save you up to forty percent until the end of the month.

3Vertical pills

A column of pills beside the content; on phones the menu sits above.

Speaker management

Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right. 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.

Networking app

Virtual passes let you join the main stage live from anywhere. Three days of keynotes, hands-on workshops and evening meetups. Workshops are limited to thirty seats, so everyone gets hands-on time.

Ticketing

Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need. Every attendee receives a certificate of participation. We keep things simple, so you can focus on what matters to you.

Questions

We measure success by how many attendees come back and tell their friends. More than eighty speakers share what they have learned the hard way. 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.

4Nested navigation

Sub-items are indented under their parent and both highlight while you scroll.

Getting started

Friendly people answer your questions quickly, by phone, chat or email. Early bird tickets save you up to forty percent until the end of the month. Our evening party is the best place to turn talks into friendships. Clear prices, honest advice and no surprises along the way.

Install

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. Sponsors meet decision-makers in a relaxed, friendly setting. The networking app helps you meet the right people before you arrive.

Configure

Group tickets include a private meeting room for your team. Our team has done this many times, so you never have to guess. Virtual passes let you join the main stage live from anywhere.

Usage

Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive.

Examples

Clear prices, honest advice and no surprises along the way. Every attendee receives a certificate of participation. Virtual passes let you join the main stage live from anywhere. The venue is a short walk from the station and fully accessible.

5List group

List group items as the spy menu - clear active state with no extra styling.

Morning

We measure success by how many attendees come back and tell their friends. Sponsors meet decision-makers in a relaxed, friendly setting. Three days of keynotes, hands-on workshops and evening meetups.

Midday

Thousands of attendees 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. More than eighty speakers share what they have learned the hard way. Our team has done this many times, so you never have to guess.

Afternoon

Workshops are limited to thirty seats, so everyone gets hands-on time. Every session is recorded, so you can catch up on anything you missed. Our evening party is the best place to turn talks into friendships.

Evening

Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need. Early bird tickets save you up to forty percent until the end of the month. Group tickets include a private meeting room for your team.

6Simple anchors

Any links work as targets; style the active one with a scoped class.

Alpha

Early bird tickets save you up to forty percent until the end of the month. More than eighty speakers share what they have learned the hard way. Every detail is handled by people who care about getting it right.

Beta

Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. Every attendee receives a certificate of participation.

Gamma

We measure success by how many attendees come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Every session is recorded, so you can catch up on anything you missed. Thousands of attendees already trust us, and we work hard to keep it that way.

7Underline tabs

An underline nav as a sticky-looking section switcher above a product page.

Overview

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. Our evening party is the best place to turn talks into friendships.

Features

We listen first, then build a plan around what you actually need. The networking app helps you meet the right people before you arrive. Our team has done this many times, so you never have to guess. Sponsors meet decision-makers in a relaxed, friendly setting.

Reviews

The venue is a short walk from the station and fully accessible. Group tickets include a private meeting room for your team. Workshops are limited to thirty seats, so everyone gets hands-on time. Clear prices, honest advice and no surprises along the way.

FAQ

Group tickets include a private meeting room for your team. Every attendee receives a certificate of participation. The networking app helps you meet the right people before you arrive.

8Table of contents on the right

Documentation layout: content first, a small contents list on the right on larger screens.

Summary

Every detail is handled by people who care about getting it right. Virtual passes let you join the main stage live from anywhere. More than eighty speakers share what they have learned the hard way.

Background

We keep things simple, so you can focus on what matters to you. The venue is a short walk from the station and fully accessible. Our team has done this many times, so you never have to guess. Our evening party is the best place to turn talks into friendships.

Method

Friendly people answer your questions quickly, by phone, chat or email. Every session is recorded, so you can catch up on anything you missed. Clear prices, honest advice and no surprises along the way. Early bird tickets save you up to forty percent until the end of the month.

Results

Sponsors meet decision-makers in a relaxed, friendly setting. Three days of keynotes, hands-on workshops and evening meetups. We measure success by how many attendees come back and tell their friends. Workshops are limited to thirty seats, so everyone gets hands-on time.

On this page

9Numbered steps

<code>.list-group-numbered</code> turns the spy menu into a step counter.

Create an account

Thousands of attendees already trust us, and we work hard to keep it that way. Start in minutes and get help from a real person whenever you need it. We listen first, then build a plan around what you actually need.

Set up your profile

Our team has done this many times, so you never have to guess. The venue is a short walk from the station and fully accessible. More than eighty speakers share what they have learned the hard way. Every session is recorded, so you can catch up on anything you missed.

Invite the team

Start in minutes and get help from a real person whenever you need it. Group tickets include a private meeting room for your team. Workshops are limited to thirty seats, so everyone gets hands-on time.

Go live

Virtual passes let you join the main stage live from anywhere. Every attendee receives a certificate of participation. We measure success by how many attendees come back and tell their friends.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

How to choose the right ticket

Three days of keynotes, hands-on workshops and evening meetups. We keep things simple, so you can focus on what matters to you. 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.

2024

A guide to the city for visiting attendees

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. Friendly people answer your questions quickly, by phone, chat or email. Sponsors meet decision-makers in a relaxed, friendly setting.

2025

Highlights from last year's workshops

The networking app helps you meet the right people before you arrive. Our evening party is the best place to turn talks into friendships. 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.

2026

The small habits that make a big difference

The networking app helps you meet the right people before you arrive. 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. Thousands of attendees already trust us, and we work hard to keep it that way.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

What our attendees asked us most?
Friendly people answer your questions quickly, by phone, chat or email.
What makes a panel worth watching?
We keep things simple, so you can focus on what matters to you.
Five things we learned this year?
We listen first, then build a plan around what you actually need.

Shipping

A beginner's guide to getting started?
Workshops are limited to thirty seats, so everyone gets hands-on time.
How to pitch a talk that gets accepted?
Group tickets include a private meeting room for your team.
Our favourite tips for busy weeks?
Three days of keynotes, hands-on workshops and evening meetups.

Returns

Looking back at a busy season?
Our evening party is the best place to turn talks into friendships.
Announcing our first keynote speakers?
Every detail is handled by people who care about getting it right.
What we learned from last year's feedback?
Our team has done this many times, so you never have to guess.

12Icon menu

Each spy link starts with an icon - nice for spec sheets.

Performance

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. Every attendee receives a certificate of participation.

Battery

Virtual passes let you join the main stage live from anywhere. The venue is a short walk from the station and fully accessible. Sponsors meet decision-makers in a relaxed, friendly setting. Clear prices, honest advice and no surprises along the way.

Connectivity

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. Every attendee receives a certificate of participation. Our evening party is the best place to turn talks into friendships.

Security

Friendly people answer your questions quickly, by phone, chat or email. The networking app helps you meet the right people before you arrive. Three days of keynotes, hands-on workshops and evening meetups.

13Pricing plans

Spy over a stack of plan cards; the pill row shows which plan is in view.

Starter

$19.91 / mo

  • Recorded sessions
  • World-class speakers
  • Hands-on workshops

Team

$46.10 / mo

  • Networking lounges
  • Recorded sessions
  • Networking lounges

Business

$71.62 / mo

  • Hands-on workshops
  • Hands-on workshops
  • Certificates

14Chapter reader

A reading pane with chapter links in a small dropdown-free list above.

Chapter 1: Behind the scenes: building the stage

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. Group tickets include a private meeting room for your team. More than eighty speakers share what they have learned the hard way.

The venue is a short walk from the station and fully accessible. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.

Chapter 2: Ten talks you should not miss this year

Every session is recorded, so you can catch up on anything you missed. 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. 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. Sponsors meet decision-makers in a relaxed, friendly setting. We listen first, then build a plan around what you actually need.

Chapter 3: Joining online: how the virtual pass works

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. Our evening party is the best place to turn talks into friendships. The venue is a short walk from the station and fully accessible.

Friendly people answer your questions quickly, by phone, chat or email. Early bird tickets save you up to forty percent until the end of the month. Three days of keynotes, hands-on workshops and evening meetups.

Chapter 4: How to get the most out of a conference

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. We listen first, then build a plan around what you actually need.

Every attendee receives a certificate of participation. Group tickets include a private meeting room for your team. Clear prices, honest advice and no surprises along the way. We measure success by how many attendees come back and tell their friends.

15Settings form

A long settings form split into sections with a side menu that follows along.

Profile

Every session is recorded, so you can catch up on anything you missed. Virtual passes let you join the main stage live from anywhere. We keep things simple, so you can focus on what matters to you.

Notifications

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. Every detail is handled by people who care about getting it right.

Privacy

Sponsors meet decision-makers in a relaxed, friendly setting. Our team has done this many times, so you never have to guess. We measure success by how many attendees come back and tell their friends. More than eighty speakers share what they have learned the hard way.

16Team directory

Department links track a scrolling list of people.

Operations

  • Owen Ashford
    Owen Ashford
    Content Writer
  • Omar Tanaka
    Omar Tanaka
    Data Analyst
  • Lea Fischer
    Lea Fischer
    Data Analyst

Research

  • Kenji Haddad
    Kenji Haddad
    Backend Engineer
  • Aria Kim
    Aria Kim
    QA Engineer
  • Priya Moreau
    Priya Moreau
    Marketing Lead

Finance

  • Ava Hughes
    Ava Hughes
    Finance Lead
  • Ella Larsen
    Ella Larsen
    Data Analyst
  • Felix Patel
    Felix Patel
    Project Manager

17Catalogue categories

Category pills over a scrolling price list.

Panel

  • Evening meetup$25.99
  • Early bird pass$281.00
  • Panel day ticket$178.99

Workshop

  • Panel day ticket$196.99
  • Student pass$154.99
  • Group bundle$2,050

Keynote

  • Panel day ticket$217.00
  • Full access pass$479.00
  • Group bundle$2,000

18Inside a card

Card header pills spy on the scrolling card body.

Today

The venue is a short walk from the station and fully accessible. The networking app helps you meet the right people before you arrive. Our evening party is the best place to turn talks into friendships.

This week

We keep things simple, so you can focus on what matters to you. Virtual passes let you join the main stage live from anywhere. Friendly people answer your questions quickly, by phone, chat or email. Every session is recorded, so you can catch up on anything you missed.

Later

Every detail is handled by people who care about getting it right. Every attendee receives a certificate of participation. Three days of keynotes, hands-on workshops and evening meetups. Workshops are limited to thirty seats, so everyone gets hands-on time.

19Dark theme

The whole widget inside <code>data-bs-theme="dark"</code>.

Launch

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. We listen first, then build a plan around what you actually need. Sponsors meet decision-makers in a relaxed, friendly setting.

Orbit

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. Group tickets include a private meeting room for your team. Our team has done this many times, so you never have to guess.

Landing

Sponsors meet decision-makers in a relaxed, friendly setting. We listen first, then build a plan around what you actually need. 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.

20Changelog

Version links on the left follow release notes with coloured change badges.

v3.2 May 11, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedWorkshops are limited to thirty seats, so everyone gets hands-on time.
  • FixedThousands of attendees already trust us, and we work hard to keep it that way.

v3.1 Jan 7, 2026

  • NewWe measure success by how many attendees come back and tell their friends.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedFriendly people answer your questions quickly, by phone, chat or email.

v3.0 Jan 11, 2026

  • NewThree days of keynotes, hands-on workshops and evening meetups.
  • ImprovedMore than eighty speakers share what they have learned the hard way.
  • FixedVirtual passes let you join the main stage live from anywhere.

v2.9 May 22, 2026

  • NewThe venue is a short walk from the station and fully accessible.
  • ImprovedThe networking app helps you meet the right people before you arrive.
  • FixedEvery attendee receives a certificate of participation.