Feature list (parallax) block

A heading followed by full-width rows, each with a background image, a card of copy on one side and a button. The image holds still as the page scrolls past it.

Feature list (parallax) Alternating rows Full-width image rows with a copy card on alternating sides; the image holds still as the page scrolls.

What we do

Build with blocks

Every page is a list of blocks, each one validated against its own schema before the site builds.

See the blocks about Build with blocks

Edit as content

Change the words and pictures in a JSON file, or in the CMS, and never touch the markup.

How content works about Edit as content

Keep one contract

blocks.schema.json is the whole interface between this repo and the editor.

Read the contract about Keep one contract

What an editor can change

Every field below is something an editor can change on Feature list (parallax). The editor builds its form from this list, so adding a field to a block never means building a screen for it.

  • Section heading required Text
  • Features required Repeating list at least 1 — up to 8
  • Text side Choice Which half of the row the copy sits in. Alternate for the zig-zag effect. On a phone the copy fills the row. left · right — default: left
  • Background image required Picture
  • Feature title required Text
  • Feature description required Text up to 320 characters
  • Button required Group
  • Button text required Text
  • Button link required Link