Skip to Main Content BEM The World Vision styles are built using Sass and follow a variation of the Block Element Modifier (BEM) naming convention. Block .carousel A block is synonymous with a component, and represents a basic building block of the website. A button, card, sidebar, or carousel would all be examples of blocks. Blocks never contain dashes and instead use camelCase if multiple words are needed. Element .carousel-slideLeft Elements are the individual parts inside of a block. For example, a carousel block might have slide left, slide right, and indicator elements. Elements always contain a single dash and are prefixed with the block name. Modifier .carousel--large Modifiers are generally applied to blocks and alter the block's default appearance in some way. For example you might have a modifier to define a secondary button style. Similar to elements, modifiers are always prefixed with the block name but contain a double dash. Site Header Colours $orange-dark $orange $blue-dark $blue $blue-light $green $red Typography Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Headline Block

Sponsor a Child

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat odit, labore delectus nobis animi ea modi facere suscipit, perspiciatis repellat ipsum id ratione obcaecati eius, eos magni error eveniet quo! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur natus distinctio officiis vel cumque assumenda, amet ipsa tempora porro debitis velit dolor illo corporis ducimus dolorum ab quia voluptatibus consequatur!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, nulla. Eligendi Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam asperiores labore vitae, molestias harum eaque officiis dicta amet rerum quis nesciunt provident fugiat quas saepe praesentium nam, sapiente veniam modi? tempora neque ullam, molestiae, assumenda animi? Praesentium sunt voluptas maxime autem sed accusantium ab error fuga aperiam, fugit et.

This text has this strong or bold text as well as some italic or otherwise known as 'emphsized' text right here.

This is the fine print. You should always read the fine print! But it's fine, if you don't - or is it?!

Blockquotes
"Sponsoring a child has given me the opportunity to make a big impact in my sponsored child's life."
"This is a blockquote with a cite nested inside it" Mandy Thomson
This is an example of a styled quote. It has a class of styledQuote and it appears on the sponsorship page. This will need some liquid logic later to pull in the name of the selected sponsor child.
Text Links Default Text Link Text Link Alternate Text Link Text Link Scroll Down Text Link Scroll Down Text Link Scroll Down Alternate Text Link Scroll Down Text Link Scroll Up Alternate Text Link Scroll Up Text Link Back Text Link Text Link Callout Back Text Link Text Link
Buttons Default Button Button Alternate Button Button Small Button Button Disabled Button Button with Indicator 26 Button Alternate Button with Indicator 26 Button Form Inputs Text Inputs
Mrs
$ .00
@ Submit
Select Inputs
Checkbox Inputs
Radio Inputs
Spinner
Donate Form

Donate to the Crisis

$
Sponsorship Form

Your Sponsorship Total

  • Monthly Total: $00.00
  • One-Time Total: $00.00
  • Grand Total: $00.00
Order Form

Your Donation Total

  • Monthly Total: $00.00
  • One-Time Total: $00.00
  • Grand Total: $00.00
Range Slider
Iconography Horizontal Social Icons Vertical Social Icons Icon Block

8 Countries

Supported by World Vision

Alternate Icon Block
8 Countries
8 Countries

Meet your sponsored child through an introduction letter and video footage from their community.

Default Text Link
Icon InfoBlocks
Gender
Girl
Country
Columbia
Birthday
October 15, 2004
12 Years Old
Statistics Block
90%

of the population has access to safe water

74 Years

life expectancy

95%

of the population is enrolled in school

12/1000

of children die before their fifth birthday

$2,290

average anual income

Mobile Filters
Show Filters
Modals Reveal Toggle Reusable classes to reveal and hide content
Placeholder Content
Placeholder Content
Category Tags
Sponsorship
Featured Cause
Gift Catalogue
Donation
Cards Standard Cards

Make a Lasting Impact on a Child's Life

When you sponsor a child you sponsor an entire community.

Sponsor a Child
Category Card These cards are usually used in .heroBlocks
Donation

End Child Poverty

Hunger is a force that is causing suffering for millions of children all over the world. We're hoping to change that

Icon Card

Education

Give a child the gift of education

Books, uniforms, classroom repairs, and training for teachers and parents provide your sponsored child with opportunities for the future.

Stacked Image Card Image Card
Donation

Donate Resources

Create opportunities and bring hope for kids and their families living in difficult circumstances.

View Details
Image Card Left
Featured Cause

End Child Poverty

Hunger is affecting millions of children around the world. World Vision is supporting over 10 countries to provide food to communities in need

Feed Change
Image Card Right
Featured Cause

Support Syria

Support the millions of children and families affected by the conflict. World Vision is providing food, support, and medical assistants to the victims of the crisis.

Donate to the crisis
Sponsorship Card

Paribartan

Gender
Boy
Country
Democratic Republic of Congo
Birthday
September 30, 2009
18 Years Old
Scroll down to learn more
Basket Cards Basket Item Cards
Donation

Syrian Refugee Crisis

Hunger is a force that is causing suffering for millions of children all over the world.

$
Gift Catalogue

1 Goat

Goats provide families with protein and income to help them survive and thrive.

qty
Sponsorship

Paribartan

Girl
Columbia
October 15, 2004
Top Up:
$
Basket Recommended Donation Cards

Syrian Refugee Crisis

Five years into the conflict, Syria needs our help. 8.2 million children have been affected. by the crisis.

Donation
$

3 Soccer Balls & Equipment

Sports provide children with hours of joy and countless opportunities for comradely.

Gift Catalogue
qty
Region Block
Nepal
South Asia
Location Pin
Aleppo, Syria
Location Pin - Left Aligned
Port-au-Prince, Haiti
Hero Blocks Default Hero
Donation

End Child Poverty

Hunger is a force that is causing suffering for millions of children all over the world. We're hoping to change that

Gradient Hero
Donation

End Child Poverty

Hunger is a force that is causing suffering for millions of children all over the world. We're hoping to change that

Aleppo, Syria
Small Hero

Sponsor a Child

Medium Hero

My Basket

Top-Up Hero

Give Daymond the gift of a fresh start.

Sliders Standard Slider
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Standard Padded Slider
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Alternate Slider
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum eos magni placeat architecto quia ipsa dolore minima qui quibusdam atque accusamus cumque et voluptas aliquid soluta quam, veniam esse libero.
Icon Slider Feature Slider
  • 8 Countries

    Meet your sponsored child through an introduction letter and video footage from their community.

    Default Text Link
  • 8 Countries

    Meet your sponsored child through an introduction letter and video footage from their community.

    Default Text Link
  • 8 Countries

    Meet your sponsored child through an introduction letter and video footage from their community.

    Default Text Link
Basket/Checkout Step Indicator

Your Basket

  1. Review
  2. Information
  3. Payment
Search Results Testimonials
"Sponsoring a child has given me the opportunity to make a big impact in my sponsored child's life."
Shirley Jackson
Shirley Jackson
Toronto, Ontario
Progress Bars
80%

Sponsor a child today, and foster change for entire communities.

80.9% of donations are donated directly to programs that help children and communities in need.

You can help us reach our goals by helping a child achieve theirs.

70 %
1240 Children
Sponsored to date in 2016
2000 Children
Annual Sponsorship Target
Video
Media Block

Watch where your money will go.

Our teams are on the ground in Syria and surrounding area to support the repercussions of the conflict that tore apart the lives of millions of children and families.

Sponsorship Child's Personal Block Sponsorship Child's Personal Media Block

Gayan L’s world in Sri Lanka

Our teams are on the ground in Syria and surrounding area to support the repercussions of the conflict that tore apart the lives of millions of children and families. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo quae, deleniti doloremque laudantium rerum vel placeat expedita maxime nesciunt iste at soluta eius pariatur ullam id odio iure neque ipsum!

  • Favourite Subject: Local Language
  • Favourite Activity: Ball games
  • Correspondence Language: English
Sponsorship Child's Personal Block

Gayan L’s world in Sri Lanka

Our teams are on the ground in Syria and surrounding area to support the repercussions of the conflict that tore apart the lives of millions of children and families. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo quae, deleniti doloremque laudantium rerum vel placeat expedita maxime nesciunt iste at soluta eius pariatur ullam id odio iure neque ipsum!

  • Favourite Subject: Local Language
  • Favourite Activity: Ball games
  • Correspondence Language: English
Site Footer