Parallax Component Demo

Parallax component contains multiple Parallax Items

For each Parallax Item the following can be configured:

  • background color (when scrolling through the items the background color of the parallax component will change based on the active parallax item)
  • heading (if only heading is added then it will be vertically centered withtin the parallax item)
  • sub-content
    • if added the heading of the parallax item wil stick to the top of the page while scrolling through the sub-content items
    • can add unlimited number of sub-content items
    • each sub-content item has subhead, description, link and media fields

Parallax Item 1

Title 1

A Heron was walking sedately along the bank of a stream, his eyes on the clear water, and his long neck and pointed bill ready to snap up a likely morsel for his breakfast. The clear water swarmed with fish, but Master Heron was hard to please that morning.

Hero image solution - executives

Title 2

A certain Wolf could not get enough to eat because of the watchfulness of the Shepherds. But one night he found a sheep skin that had been cast aside and forgotten. The next day, dressed in the skin, the Wolf strolled into the pasture with the Sheep. Soon a little Lamb was following him about and was quickly led away to slaughter.

Parallax Item 2

Parallax Item 3

A Wolf had been feasting too greedily, and a bone had stuck crosswise in his throat. He could get it neither up nor down, and of course he could not eat a thing. Naturally that was an awful state of affairs for a greedy Wolf.

So away he hurried to the Crane. He was sure that she, with her long neck and bill, would easily be able to reach the bone and pull it out.