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

Clear prices, honest advice and no surprises along the way. You receive photos and updates showing exactly what your donation achieved. We have helped more than two hundred thousand people since we started. A school kit costs less than a cinema ticket and lasts a whole year.

Companies can match employee donations and double their impact. Clean water wells are built with and maintained by local communities. Volunteers give their time in schools, shelters and food banks every week.

Details

Start in minutes and get help from a real person whenever you need it. Leave a gift in your will and help future generations. Our annual report is independently audited and published in full.

Thousands of donors already trust us, and we work hard to keep it that way. 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.

Pricing

We keep things simple, so you can focus on what matters to you. 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. We measure success by how many donors come back and tell their friends.

Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Thousands of donors already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email.

2Horizontal pills

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

Step one

Volunteers give their time in schools, shelters and food banks every week. Start in minutes and get help from a real person whenever you need it. We have helped more than two hundred thousand people since we started. Local partners know their communities and make sure help arrives where it matters.

Step two

Our annual report is independently audited and published in full. Companies can match employee donations and double their impact. Every donation is tax-deductible, and receipts arrive by email instantly. Every detail is handled by people who care about getting it right.

Step three

Leave a gift in your will and help future generations. We keep things simple, so you can focus on what matters to you. Clean water wells are built with and maintained by local communities. You receive photos and updates showing exactly what your donation achieved.

Step four

Our team has done this many times, so you never have to guess. A school kit costs less than a cinema ticket and lasts a whole year. We measure success by how many donors come back and tell their friends.

3Vertical pills

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

Animal rescue

Ninety cents of every dollar goes directly to the projects you support. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Companies can match employee donations and double their impact.

Food relief

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

Volunteer programs

Our team has done this many times, so you never have to guess. Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters.

Questions

Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Every donation is tax-deductible, and receipts arrive by email instantly.

4Nested navigation

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

Getting started

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

Install

You receive photos and updates showing exactly what your donation achieved. 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. Leave a gift in your will and help future generations.

Configure

We listen first, then build a plan around what you actually need. Every detail is handled by people who care about getting it right. Our annual report is independently audited and published in full.

Usage

We measure success by how many donors come back and tell their friends. Every donation is tax-deductible, and receipts arrive by email instantly. Every detail is handled by people who care about getting it right.

Examples

Companies can match employee donations and double their impact. We keep things simple, so you can focus on what matters to you. Thousands of donors already trust us, and we work hard to keep it that way.

5List group

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

Morning

Local partners know their communities and make sure help arrives where it matters. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way.

Midday

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. Ninety cents of every dollar goes directly to the projects you support.

Afternoon

We listen first, then build a plan around what you actually need. Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Our annual report is independently audited and published in full.

Evening

We have helped more than two hundred thousand people since we started. A school kit costs less than a cinema ticket and lasts a whole year. Friendly people answer your questions quickly, by phone, chat or email.

6Simple anchors

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

Alpha

You receive photos and updates showing exactly what your donation achieved. Leave a gift in your will and help future generations. 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.

Beta

Our team has done this many times, so you never have to guess. Our annual report is independently audited and published in full. Local partners know their communities and make sure help arrives where it matters.

Gamma

Clear prices, honest advice and no surprises along the way. A school kit costs less than a cinema ticket and lasts a whole year. We measure success by how many donors come back and tell their friends. 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

Every donation is tax-deductible, and receipts arrive by email instantly. We keep things simple, so you can focus on what matters to you. Leave a gift in your will and help future generations. Companies can match employee donations and double their impact.

Features

Friendly people answer your questions quickly, by phone, chat or email. Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved.

Reviews

Monthly gifts let us plan ahead and respond quickly when disaster strikes. We have helped more than two hundred thousand people since we started. Clean water wells are built with and maintained by local communities. We listen first, then build a plan around what you actually need.

FAQ

Thousands of donors already trust us, and we work hard to keep it that way. 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.

8Table of contents on the right

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

Summary

You receive photos and updates showing exactly what your donation achieved. We keep things simple, so you can focus on what matters to you. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Background

Volunteers give their time in schools, shelters and food banks every week. Start in minutes and get help from a real person whenever you need it. Companies can match employee donations and double their impact. We measure success by how many donors come back and tell their friends.

Method

Our annual report is independently audited and published in full. Ninety cents of every dollar goes directly to the projects you support. Every donation is tax-deductible, and receipts arrive by email instantly. Leave a gift in your will and help future generations.

Results

We have helped more than two hundred thousand people since we started. Every detail is handled by people who care about getting it right. A school kit costs less than a cinema ticket and lasts a whole year.

9Numbered steps

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

Create an account

Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email. Clean water wells are built with and maintained by local communities.

Set up your profile

Thousands of donors already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right. We measure success by how many donors come back and tell their friends.

Invite the team

We keep things simple, so you can focus on what matters to you. Local partners know their communities and make sure help arrives where it matters. Our team has done this many times, so you never have to guess.

Go live

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

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Five things we learned this year

We listen first, then build a plan around what you actually need. Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

2024

How your donations built three new classrooms

Every donation is tax-deductible, and receipts arrive by email instantly. Thousands of donors already trust us, and we work hard to keep it that way. Companies can match employee donations and double their impact. Ninety cents of every dollar goes directly to the projects you support.

2025

Ten ways to fundraise with friends

Volunteers give their time in schools, shelters and food banks every week. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.

2026

How to choose the right campaign

You receive photos and updates showing exactly what your donation achieved. Our annual report is independently audited and published in full. 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.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our yearly impact report, explained?
You receive photos and updates showing exactly what your donation achieved.
Stories from the families we support?
Leave a gift in your will and help future generations.
Our favourite tips for busy weeks?
Ninety cents of every dollar goes directly to the projects you support.

Shipping

What happens after a disaster appeal?
We listen first, then build a plan around what you actually need.
What our donors asked us most?
Companies can match employee donations and double their impact.
A day in the life of a volunteer?
Friendly people answer your questions quickly, by phone, chat or email.

Returns

A beginner's guide to getting started?
Our team has done this many times, so you never have to guess.
Inside the shelter: from rescue to new home?
Start in minutes and get help from a real person whenever you need it.
Meet the partners behind our water projects?
Volunteers give their time in schools, shelters and food banks every week.

12Icon menu

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

Performance

A school kit costs less than a cinema ticket and lasts a whole year. Our annual report is independently audited and published in full. Clear prices, honest advice and no surprises along the way.

Battery

We keep things simple, so you can focus on what matters to you. Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters.

Connectivity

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every detail is handled by people who care about getting it right. Every donation is tax-deductible, and receipts arrive by email instantly. Thousands of donors already trust us, and we work hard to keep it that way.

Security

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. Companies can match employee donations and double their impact.

13Pricing plans

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

Starter

$18.47 / mo

  • Tax receipts
  • Transparent reports
  • Impact tracking

Team

$43.60 / mo

  • Secure giving
  • Secure giving
  • Secure giving

Business

$53.40 / mo

  • Secure giving
  • Impact tracking
  • Impact tracking

14Chapter reader

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

Chapter 1: The small habits that make a big difference

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every donation is tax-deductible, and receipts arrive by email instantly. Leave a gift in your will and help future generations. Our annual report is independently audited and published in full.

Every detail is handled by people who care about getting it right. You receive photos and updates showing exactly what your donation achieved. Thousands of donors already trust us, and we work hard to keep it that way.

Chapter 2: Why monthly giving makes such a difference

Friendly people answer your questions quickly, by phone, chat or email. Volunteers give their time in schools, shelters and food banks every week. We keep things simple, so you can focus on what matters to you. Ninety cents of every dollar goes directly to the projects you support.

Our team has done this many times, so you never have to guess. A school kit costs less than a cinema ticket and lasts a whole year. Local partners know their communities and make sure help arrives where it matters. We listen first, then build a plan around what you actually need.

Chapter 3: Why we plant trees with the schools we build

Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it. Clean water wells are built with and maintained by local communities.

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. Ninety cents of every dollar goes directly to the projects you support. We measure success by how many donors come back and tell their friends.

Chapter 4: Looking back at a busy season

Clear prices, honest advice and no surprises along the way. Every donation is tax-deductible, and receipts arrive by email instantly. A school kit costs less than a cinema ticket and lasts a whole year.

Leave a gift in your will and help future generations. Companies can match employee donations and double their impact. Monthly gifts let us plan ahead and respond quickly when disaster strikes. Start in minutes and get help from a real person whenever you need it.

15Settings form

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

Profile

You receive photos and updates showing exactly what your donation achieved. Thousands of donors already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Volunteers give their time in schools, shelters and food banks every week.

Notifications

Clean water wells are built with and maintained by local communities. Local partners know their communities and make sure help arrives where it matters. Our annual report is independently audited and published in full. We have helped more than two hundred thousand people since we started.

Privacy

Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email.

16Team directory

Department links track a scrolling list of people.

Sales

  • Freya Ortega
    Freya Ortega
    HR Partner
  • Mia Okafor
    Mia Okafor
    QA Engineer
  • Aria Carter
    Aria Carter
    Sales Executive

Engineering

  • Elena Patel
    Elena Patel
    Finance Lead
  • Priya Ibrahim
    Priya Ibrahim
    Marketing Lead
  • Mateo Varga
    Mateo Varga
    Sales Executive

Research

  • Nora Sato
    Nora Sato
    Project Manager
  • Lucas Nguyen
    Lucas Nguyen
    Support Specialist
  • Kai Alvarez
    Kai Alvarez
    Operations Manager

17Catalogue categories

Category pills over a scrolling price list.

Health

  • Emergency fund$48.00
  • Tree planting$10.00
  • Vet care$64.00

Environment

  • Teacher training$109.00
  • Meal pack$16.00
  • Monthly gift$26.00

Animals

  • Solar lamp$22.00
  • School kit$32.99
  • Monthly gift$22.99

18Inside a card

Card header pills spy on the scrolling card body.

Today

Thousands of donors already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. A school kit costs less than a cinema ticket and lasts a whole year.

This week

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. Every donation is tax-deductible, and receipts arrive by email instantly.

Later

Local partners know their communities and make sure help arrives where it matters. Our team has done this many times, so you never have to guess. Leave a gift in your will and help future generations. Ninety cents of every dollar goes directly to the projects you support.

19Dark theme

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

Launch

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

Orbit

You receive photos and updates showing exactly what your donation achieved. Our annual report is independently audited and published in full. Companies can match employee donations and double their impact.

Landing

Every detail is handled by people who care about getting it right. Clean water wells are built with and maintained by local communities. Friendly people answer your questions quickly, by phone, chat or email.

20Changelog

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

v3.2 Oct 10, 2025

  • NewMonthly gifts let us plan ahead and respond quickly when disaster strikes.
  • ImprovedOur annual report is independently audited and published in full.
  • FixedClean water wells are built with and maintained by local communities.

v3.1 Dec 25, 2025

  • NewEvery donation is tax-deductible, and receipts arrive by email instantly.
  • ImprovedEvery detail is handled by people who care about getting it right.
  • FixedFriendly people answer your questions quickly, by phone, chat or email.

v3.0 Jul 2, 2026

  • NewA school kit costs less than a cinema ticket and lasts a whole year.
  • ImprovedVolunteers give their time in schools, shelters and food banks every week.
  • FixedWe keep things simple, so you can focus on what matters to you.

v2.9 Dec 26, 2025

  • NewNinety cents of every dollar goes directly to the projects you support.
  • ImprovedMonthly gifts let us plan ahead and respond quickly when disaster strikes.
  • FixedClear prices, honest advice and no surprises along the way.