Image & Text Page Block

This is a foundational page block type, and contains a side-by-side layout on desktop, featuring an image in one column and paragraph of text in the second column. Several variations exist for this block type.

How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks

H2 – Text / Image Page Block Photo with Shadow

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best.

Primary Button Example

H2 – Text / Image Block Photo with Illustration/Chart

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best.

Primary Button Example

Test header content

H2 – Text / Image Block with Lottie

The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.

This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best.

Primary Button Example

Test Footer Content

May not use this one, came from sandbox, but keeping in for now.