Skip to content

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

Every detail is handled by people who care about getting it right. Clean water wells are built with and maintained by local communities. Thousands of donors already trust us, and we work hard to keep it that way. A school kit costs less than a cinema ticket and lasts a whole year.

We have helped more than two hundred thousand people since we started. Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email.

Details

Ninety cents of every dollar goes directly to the projects you support. We keep things simple, so you can focus on what matters to you. Volunteers give their time in schools, shelters and food banks every week. Every donation is tax-deductible, and receipts arrive by email instantly.

You receive photos and updates showing exactly what your donation achieved. Start in minutes and get help from a real person whenever you need it. We measure success by how many donors come back and tell their friends.

Pricing

We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way. Local partners know their communities and make sure help arrives where it matters.

Leave a gift in your will and help future generations. Our annual report is independently audited and published in full. Companies can match employee donations and double their impact.

2Horizontal pills

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

Step one

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We listen first, then build a plan around what you actually need. Local partners know their communities and make sure help arrives where it matters.

Step two

Every donation is tax-deductible, and receipts arrive by email instantly. Volunteers give their time in schools, shelters and food banks every week. Our annual report is independently audited and published in full.

Step three

Thousands of donors already trust us, and we work hard to keep it that way. A school kit costs less than a cinema ticket and lasts a whole year. Start in minutes and get help from a real person whenever you need it.

Step four

Our team has done this many times, so you never have to guess. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. You receive photos and updates showing exactly what your donation achieved.

3Vertical pills

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

Disaster response

We measure success by how many donors come back and tell their friends. Clean water wells are built with and maintained by local communities. We have helped more than two hundred thousand people since we started. We keep things simple, so you can focus on what matters to you.

Food relief

Every detail is handled by people who care about getting it right. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way.

Volunteer programs

Friendly people answer your questions quickly, by phone, chat or email. Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year.

Questions

Our annual report is independently audited and published in full. Volunteers give their time in schools, shelters and food banks every week. Every detail is handled by people who care about getting it right.

4Nested navigation

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

Getting started

We keep things simple, so you can focus on what matters to you. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. Clear prices, honest advice and no surprises along the way.

Install

Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Local partners know their communities and make sure help arrives where it matters. Thousands of donors already trust us, and we work hard to keep it that way.

Configure

Start in minutes and get help from a real person whenever you need it. Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started. Leave a gift in your will and help future generations.

Usage

Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many donors come back and tell their friends. We listen first, then build a plan around what you actually need. You receive photos and updates showing exactly what your donation achieved.

Examples

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. Thousands of donors already trust us, and we work hard to keep it that way. You receive photos and updates showing exactly what your donation achieved.

5List group

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

Morning

Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities. We measure success by how many donors come back and tell their friends.

Midday

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Local partners know their communities and make sure help arrives where it matters. Every donation is tax-deductible, and receipts arrive by email instantly.

Afternoon

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. Volunteers give their time in schools, shelters and food banks every week. Clear prices, honest advice and no surprises along the way.

Evening

A school kit costs less than a cinema ticket and lasts a whole year. 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. Leave a gift in your will and help future generations.

6Simple anchors

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

Alpha

We have helped more than two hundred thousand people since we started. Ninety cents of every dollar goes directly to the projects you support. Companies can match employee donations and double their impact.

Beta

Friendly people answer your questions quickly, by phone, chat or email. Local partners know their communities and make sure help arrives where it matters. We measure success by how many donors come back and tell their friends. Thousands of donors already trust us, and we work hard to keep it that way.

Gamma

Every detail is handled by people who care about getting it right. You receive photos and updates showing exactly what your donation achieved. Ninety cents of every dollar goes directly to the projects you support.

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. Clear prices, honest advice and no surprises along the way. Monthly gifts let us plan ahead and respond quickly when disaster strikes. We have helped more than two hundred thousand people since we started.

Features

Companies can match employee donations and double their impact. Every donation is tax-deductible, and receipts arrive by email instantly. Friendly people answer your questions quickly, by phone, chat or email.

Reviews

Volunteers give their time in schools, shelters and food banks every week. Our team has done this many times, so you never have to guess. Our annual report is independently audited and published in full. Start in minutes and get help from a real person whenever you need it.

FAQ

Clean water wells are built with and maintained by local communities. A school kit costs less than a cinema ticket and lasts a whole year. We listen first, then build a plan around what you actually need. Leave a gift in your will and help future generations.

8Table of contents on the right

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

Summary

Our team has done this many times, so you never have to guess. Companies can match employee donations and double their impact. Every donation is tax-deductible, and receipts arrive by email instantly. Clean water wells are built with and maintained by local communities.

Background

Leave a gift in your will and help future generations. You receive photos and updates showing exactly what your donation achieved. We have helped more than two hundred thousand people since we started.

Method

Every detail is handled by people who care about getting it right. Our annual report is independently audited and published in full. A school kit costs less than a cinema ticket and lasts a whole year.

Results

We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Ninety cents of every dollar goes directly to the projects you support.

9Numbered steps

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

Create an account

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way. Thousands of donors already trust us, and we work hard to keep it that way.

Set up your profile

Volunteers give their time in schools, shelters and food banks every week. Local partners know their communities and make sure help arrives where it matters. We keep things simple, so you can focus on what matters to you. We measure success by how many donors come back and tell their friends.

Invite the team

Start in minutes and get help from a real person whenever you need it. A school kit costs less than a cinema ticket and lasts a whole year. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.

Go live

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. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

What our donors asked us most

Friendly people answer your questions quickly, by phone, chat or email. Volunteers give their time in schools, shelters and food banks every week. Thousands of donors already trust us, and we work hard to keep it that way.

2024

Inside the shelter: from rescue to new home

Local partners know their communities and make sure help arrives where it matters. We have helped more than two hundred thousand people since we started. Every donation is tax-deductible, and receipts arrive by email instantly. Companies can match employee donations and double their impact.

2025

Our yearly impact report, explained

Clean water wells are built with and maintained by local communities. Our annual report is independently audited and published in full. We measure success by how many donors come back and tell their friends. You receive photos and updates showing exactly what your donation achieved.

2026

Meet the partners behind our water projects

Ninety cents of every dollar goes directly to the projects you support. 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. Leave a gift in your will and help future generations.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

A day in the life of a volunteer?
Companies can match employee donations and double their impact.
Our favourite tips for busy weeks?
We keep things simple, so you can focus on what matters to you.
Looking back at a busy season?
Our annual report is independently audited and published in full.

Shipping

A beginner's guide to getting started?
Ninety cents of every dollar goes directly to the projects you support.
The small habits that make a big difference?
We measure success by how many donors come back and tell their friends.
Why we plant trees with the schools we build?
Clean water wells are built with and maintained by local communities.

Returns

Why monthly giving makes such a difference?
Every donation is tax-deductible, and receipts arrive by email instantly.
Five things we learned this year?
We listen first, then build a plan around what you actually need.
Stories from the families we support?
Monthly gifts let us plan ahead and respond quickly when disaster strikes.

12Icon menu

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

Performance

Friendly people answer your questions quickly, by phone, chat or email. Thousands of donors already trust us, and we work hard to keep it that way. We have helped more than two hundred thousand people since we started.

Battery

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. Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved.

Connectivity

Clear prices, honest advice and no surprises along the way. Leave a gift in your will and help future generations. A school kit costs less than a cinema ticket and lasts a whole year.

Security

Our team has done this many times, so you never have to guess. Local partners know their communities and make sure help arrives where it matters. You receive photos and updates showing exactly what your donation achieved. Leave a gift in your will and help future generations.

13Pricing plans

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

Starter

$10.25 / mo

  • Secure giving
  • Impact tracking
  • Secure giving

Team

$34.58 / mo

  • Secure giving
  • Transparent reports
  • Secure giving

Business

$59.91 / mo

  • Volunteer network
  • Transparent reports
  • Volunteer network

14Chapter reader

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

Chapter 1: What happens after a disaster appeal

We keep things simple, so you can focus on what matters to you. Every donation is tax-deductible, and receipts arrive by email instantly. We have helped more than two hundred thousand people since we started.

We measure success by how many donors come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email. Ninety cents of every dollar goes directly to the projects you support.

Chapter 2: Ten ways to fundraise with friends

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Our team has done this many times, so you never have to guess. Thousands of donors already trust us, and we work hard to keep it that way. Local partners know their communities and make sure help arrives where it matters.

A school kit costs less than a cinema ticket and lasts a whole year. Volunteers give their time in schools, shelters and food banks every week. Companies can match employee donations and double their impact. Our annual report is independently audited and published in full.

Chapter 3: How your donations built three new classrooms

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

Clean water wells are built with and maintained by local communities. Clear prices, honest advice and no surprises along the way. Clean water wells are built with and maintained by local communities.

Chapter 4: How to choose the right campaign

A school kit costs less than a cinema ticket and lasts a whole year. 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.

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Clear prices, honest advice and no surprises along the way. We measure success by how many donors come back and tell their friends.

15Settings form

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

Profile

Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved. Every detail is handled by people who care about getting it right. Our annual report is independently audited and published in full.

Notifications

We keep things simple, so you can focus on what matters to you. Every donation is tax-deductible, and receipts arrive by email instantly. We listen first, then build a plan around what you actually need. Leave a gift in your will and help future generations.

Privacy

Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support. Local partners know their communities and make sure help arrives where it matters. Thousands of donors already trust us, and we work hard to keep it that way.

16Team directory

Department links track a scrolling list of people.

Human Resources

  • Lea Alvarez
    Lea Alvarez
    Support Specialist
  • Lucas Larsen
    Lucas Larsen
    Finance Lead
  • Arjun Mensah
    Arjun Mensah
    Art Director

Legal

  • Sofia Alvarez
    Sofia Alvarez
    Backend Engineer
  • Amara Lindqvist
    Amara Lindqvist
    Frontend Engineer
  • Maya Quinn
    Maya Quinn
    Customer Success

Finance

  • Ethan Hughes
    Ethan Hughes
    Support Specialist
  • Ruby Rossi
    Ruby Rossi
    Marketing Lead
  • Noah Delgado
    Noah Delgado
    Data Analyst

17Catalogue categories

Category pills over a scrolling price list.

Education

  • Shelter support$39.00
  • Clean water well$525.00
  • School kit$32.00

Health

  • Vet care$65.00
  • School kit$32.00
  • Tree planting$11.00

Environment

  • Meal pack$14.00
  • Health kit$33.00
  • Library books$44.99

18Inside a card

Card header pills spy on the scrolling card body.

Today

We have helped more than two hundred thousand people since we started. Friendly people answer your questions quickly, by phone, chat or email. Our annual report is independently audited and published in full.

This week

Local partners know their communities and make sure help arrives where it matters. Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started. Start in minutes and get help from a real person whenever you need it.

Later

Ninety cents of every dollar goes directly to the projects you support. Every detail is handled by people who care about getting it right. Clean water wells are built with and maintained by local communities.

19Dark theme

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

Launch

Every donation is tax-deductible, and receipts arrive by email instantly. Leave a gift in your will and help future generations. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many donors come back and tell their friends.

Orbit

You receive photos and updates showing exactly what your donation achieved. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Our team has done this many times, so you never have to guess.

Landing

A school kit costs less than a cinema ticket and lasts a whole year. Companies can match employee donations and double their impact. We keep things simple, so you can focus on what matters to you.

20Changelog

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

v3.2 Dec 5, 2025

  • NewThousands of donors already trust us, and we work hard to keep it that way.
  • ImprovedVolunteers give their time in schools, shelters and food banks every week.
  • FixedWe listen first, then build a plan around what you actually need.

v3.1 Sep 22, 2025

  • NewNinety cents of every dollar goes directly to the projects you support.
  • ImprovedLeave a gift in your will and help future generations.
  • FixedOur annual report is independently audited and published in full.

v3.0 Jan 29, 2026

  • NewWe keep things simple, so you can focus on what matters to you.
  • ImprovedEvery detail is handled by people who care about getting it right.
  • FixedVolunteers give their time in schools, shelters and food banks every week.

v2.9 Jan 1, 2026

  • NewStart in minutes and get help from a real person whenever you need it.
  • ImprovedWe measure success by how many donors come back and tell their friends.
  • FixedThousands of donors already trust us, and we work hard to keep it that way.