Skip to content
Xenoara Co
Notifications
Luna Kim commented on your task
17 hours agoElla Haddad joined the team
1 days agoFreya Ortega updated the report
3 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-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

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. Ninety cents of every dollar goes directly to the projects you support. We listen first, then build a plan around what you actually need.

Our annual report is independently audited and published in full. Clean water wells are built with and maintained by local communities. 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.

Details

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

Volunteers give their time in schools, shelters and food banks every week. Companies can match employee donations and double their impact. 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.

Pricing

Every detail is handled by people who care about getting it right. Every donation is tax-deductible, and receipts arrive by email instantly. You receive photos and updates showing exactly what your donation achieved.

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

2Horizontal pills

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

Step one

Companies can match employee donations and double their impact. We measure success by how many donors come back and tell their friends. We keep things simple, so you can focus on what matters to you.

Step two

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. Our annual report is independently audited and published in full. Our team has done this many times, so you never have to guess.

Step three

Friendly people answer your questions quickly, by phone, chat or email. Ninety cents of every dollar goes directly to the projects you support. You receive photos and updates showing exactly what your donation achieved.

Step four

Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations. 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.

3Vertical pills

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

Disaster response

Clear prices, honest advice and no surprises along the way. We have helped more than two hundred thousand people since we started. Every donation is tax-deductible, and receipts arrive by email instantly.

Volunteer programs

Clean water wells are built with and maintained by local communities. Every detail is handled by people who care about getting it right. Monthly gifts let us plan ahead and respond quickly when disaster strikes. We keep things simple, so you can focus on what matters to you.

Clean water

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

Questions

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. Our team has done this many times, so you never have to guess. 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

Leave a gift in your will and help future generations. 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.

Install

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. Our annual report is independently audited and published in full. Clear prices, honest advice and no surprises along the way.

Configure

Every detail is handled by people who care about getting it right. Ninety cents of every dollar goes directly to the projects you support. Friendly people answer your questions quickly, by phone, chat or email.

Usage

Clean water wells are built with and maintained by local communities. Volunteers give their time in schools, shelters and food banks every week. You receive photos and updates showing exactly what your donation achieved.

Examples

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. Clear prices, honest advice and no surprises along the way.

5List group

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

Morning

Leave a gift in your will and help future generations. 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. Volunteers give their time in schools, shelters and food banks every week.

Midday

Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many donors come back and tell their friends.

Afternoon

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. We keep things simple, so you can focus on what matters to you.

Evening

You receive photos and updates showing exactly what your donation achieved. We have helped more than two hundred thousand people since we started. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

6Simple anchors

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

Alpha

Clean water wells are built with and maintained by local communities. Companies can match employee donations and double their impact. Every detail is handled by people who care about getting it right. Every donation is tax-deductible, and receipts arrive by email instantly.

Beta

Ninety cents of every dollar goes directly to the projects you support. Clean water wells are built with and maintained by local communities. Our team has done this many times, so you never have to guess. Every donation is tax-deductible, and receipts arrive by email instantly.

Gamma

Ninety cents of every dollar goes directly to the projects you support. Friendly people answer your questions quickly, by phone, chat or email. Our annual report is independently audited and published in full. Clear prices, honest advice and no surprises along the way.

7Underline tabs

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

Overview

You receive photos and updates showing exactly what your donation achieved. 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. We keep things simple, so you can focus on what matters to you.

Features

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. Volunteers give their time in schools, shelters and food banks every week. Every detail is handled by people who care about getting it right.

Reviews

Companies can match employee donations and double their impact. Leave a gift in your will and help future generations. We measure success by how many donors come back and tell their friends. A school kit costs less than a cinema ticket and lasts a whole year.

FAQ

Thousands of donors already trust us, and we work hard to keep it that way. Monthly gifts let us plan ahead and respond quickly when disaster strikes. A school kit costs less than a cinema ticket and lasts a whole year.

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. We listen first, then build a plan around what you actually need. We measure success by how many donors come back and tell their friends.

Background

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. Local partners know their communities and make sure help arrives where it matters. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

Method

Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. Clean water wells are built with and maintained by local communities. Ninety cents of every dollar goes directly to the projects you support.

Results

Companies can match employee donations and double their impact. Our team has done this many times, so you never have to guess. 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.

On this page

9Numbered steps

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

Create an account

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

Set up your profile

Every donation is tax-deductible, and receipts arrive by email instantly. Ninety cents of every dollar goes directly to the projects you support. 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.

Invite the team

We keep things simple, so you can focus on what matters to you. 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.

Go live

Monthly gifts let us plan ahead and respond quickly when disaster strikes. Every donation is tax-deductible, and receipts arrive by email instantly. Companies can match employee donations and double their impact.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

A day in the life of a volunteer

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

2024

What our donors asked us most

Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. Leave a gift in your will and help future generations. Volunteers give their time in schools, shelters and food banks every week.

2025

Our yearly impact report, explained

Clean water wells are built with and maintained by local communities. 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. You receive photos and updates showing exactly what your donation achieved.

2026

Stories from the families we support

Clear prices, honest advice and no surprises along the way. Every donation is tax-deductible, and receipts arrive by email instantly. Ninety cents of every dollar goes directly to the projects you support.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Five things we learned this year?
Friendly people answer your questions quickly, by phone, chat or email.
Why monthly giving makes such a difference?
Clean water wells are built with and maintained by local communities.
Meet the partners behind our water projects?
We keep things simple, so you can focus on what matters to you.

Shipping

How to choose the right campaign?
Start in minutes and get help from a real person whenever you need it.
Our favourite tips for busy weeks?
Monthly gifts let us plan ahead and respond quickly when disaster strikes.
How your donations built three new classrooms?
We listen first, then build a plan around what you actually need.

Returns

The small habits that make a big difference?
Our annual report is independently audited and published in full.
Ten ways to fundraise with friends?
We have helped more than two hundred thousand people since we started.
Looking back at a busy season?
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

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. Local partners know their communities and make sure help arrives where it matters.

Battery

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. Clear prices, honest advice and no surprises along the way.

Connectivity

Volunteers give their time in schools, shelters and food banks every week. Leave a gift in your will and help future generations. Thousands of donors already trust us, and we work hard to keep it that way. Companies can match employee donations and double their impact.

Security

We have helped more than two hundred thousand people since we started. You receive photos and updates showing exactly what your donation achieved. Volunteers give their time in schools, shelters and food banks every week.

13Pricing plans

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

Starter

$17.03 / mo

  • Transparent reports
  • Impact tracking
  • Secure giving

Team

$47.87 / mo

  • Secure giving
  • Secure giving
  • Impact tracking

Business

$67.59 / mo

  • Secure giving
  • Volunteer network
  • Secure giving

14Chapter reader

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

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

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. Leave a gift in your will and help future generations. Our team has done this many times, so you never have to guess.

Friendly people answer your questions quickly, by phone, chat or email. Companies can match employee donations and double their impact. Start in minutes and get help from a real person whenever you need it.

Chapter 2: A beginner's guide to getting started

Local partners know their communities and make sure help arrives where it matters. Ninety cents of every dollar goes directly to the projects you support. We listen first, then build a plan around what you actually need. Clear prices, honest advice and no surprises along the way.

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

Chapter 3: Inside the shelter: from rescue to new home

We measure success by how many donors come back and tell their friends. Clean water wells are built with and maintained by local communities. Monthly gifts let us plan ahead and respond quickly when disaster strikes.

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. A school kit costs less than a cinema ticket and lasts a whole year. Every donation is tax-deductible, and receipts arrive by email instantly.

Chapter 4: What happens after a disaster appeal

Thousands of donors 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. 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.

We listen first, then build a plan around what you actually need. Companies can match employee donations and double their impact. Clean water wells are built with and maintained by local communities.

15Settings form

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

Profile

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

Notifications

Our team has done this many times, so you never have to guess. We have helped more than two hundred thousand people since we started. Clear prices, honest advice and no surprises along the way.

Privacy

Our annual report is independently audited and published in full. Local partners know their communities and make sure help arrives where it matters. Leave a gift in your will and help future generations.

16Team directory

Department links track a scrolling list of people.

Sales

  • Ella Delgado
    Ella Delgado
    Finance Lead
  • Tariq Tanaka
    Tariq Tanaka
    Content Writer
  • Omar Patel
    Omar Patel
    Marketing Lead

Customer Support

  • Ruby Ibrahim
    Ruby Ibrahim
    QA Engineer
  • Priya Brennan
    Priya Brennan
    Data Analyst
  • Hana Mensah
    Hana Mensah
    HR Partner

Design

  • Ivy Ortega
    Ivy Ortega
    Finance Lead
  • Lea Harlow
    Lea Harlow
    Operations Manager
  • Samir Silva
    Samir Silva
    Operations Manager

17Catalogue categories

Category pills over a scrolling price list.

Environment

  • Health kit$35.00
  • Shelter support$38.00
  • Emergency fund$46.00

Relief

  • Shelter support$43.00
  • Teacher training$126.99
  • School kit$27.00

Health

  • School kit$28.00
  • Library books$41.00
  • Vet care$66.00

18Inside a card

Card header pills spy on the scrolling card body.

Today

Monthly gifts let us plan ahead and respond quickly when disaster strikes. You receive photos and updates showing exactly what your donation achieved. Companies can match employee donations and double their impact.

This week

We have helped more than two hundred thousand people since we started. Clean water wells are built with and maintained by local communities. You receive photos and updates showing exactly what your donation achieved.

Later

Volunteers give their time in schools, shelters and food banks every week. Ninety cents of every dollar goes directly to the projects you support. Friendly people answer your questions quickly, by phone, chat or email. Our annual report is independently audited and published in full.

19Dark theme

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

Launch

Thousands of donors already trust us, and we work hard to keep it that way. Leave a gift in your will and help future generations. We keep things simple, so you can focus on what matters to you.

Orbit

Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way. 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.

Landing

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

20Changelog

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

v3.2 May 10, 2026

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

v3.1 Sep 8, 2026

  • NewLocal partners know their communities and make sure help arrives where it matters.
  • 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.

v3.0 Jul 16, 2026

  • NewOur annual report is independently audited and published in full.
  • ImprovedNinety cents of every dollar goes directly to the projects you support.
  • FixedEvery detail is handled by people who care about getting it right.

v2.9 May 1, 2026

  • NewWe have helped more than two hundred thousand people since we started.
  • ImprovedA school kit costs less than a cinema ticket and lasts a whole year.
  • FixedCompanies can match employee donations and double their impact.