DONATE

Hero: Image and menu

This page shows the 'hero image and menu' module. Caveat: As this module uses live data from the page, 'On this page' information shown in the examples are reflective of this page and not actual content.

Released: 2021

On this page

On this page

Good examples

Examples of how this module can be used to be the most effective on sightsavers.org

How Sightsavers is run

Everything we do is geared towards a world where avoidable blindness is eliminated, and everyone has equal opportunities to learn, earn and be happy.

On this page

Arif (left), with his mother and sister, took part in Sightsavers' Seeing is Believing project in Bangladesh. © Sightsavers/Reza Shahriar Rahman

On this page

Module test examples

The below are used solely to test the variables with the module and not to be used as good examples of how to this module.

This area is specifically for assigned internal testers.

Hero image and menu title

This is what body text goes.

Read time text

Anchor link text

Banner text
Caption text

Anchor link text

Hero image and menu title: Image, banner and caption (Long text)

This is where body text goes, and it acts like this if you end up typing loads and loads of unnecessary words in it to help show what this section of the module does when you fill it up and just keep typing nonsense until you run of ideas on what to write.

Read time text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Banner text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size
Caption text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Hero image and menu title: Video, banner and caption

This is where body text goes.

Read time text

Anchor link text

Text: Banner text
Caption text with the camera icons

Anchor link text

Hero image and menu title: Video and banner (text)

This is where body text goes.

Read time text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Text: Banner text

Anchor link text

Hero image and menu title: Video and banner (link)

This is where body text goes.

Read time text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Link: Banner text
Link text

Anchor link text

Hero image and menu title: Video and banner (donate)

This is where body text goes.

Read time text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Link: Banner text
DONATE

Anchor link text

Hero image and menu title: Video and banner (donate)

This is where body text goes.

Read time text - loads of it! This is what happens, it does 'this' and 'that' and then 'that' when it's on 'that' screen size

Anchor link text

Link: Banner text
DONATE

Anchor link text