This is an old revision of the document!


Example Layout: Program Page

Screenshot Blocks & Notes
Hero block
Column block with two equal columns. Right column has class mobile-no-padding added to remove white space as small screen sizes.

The left column has a paragraph block inside of it.

The right column has an Image with Color Overlay inside of it.

Column block has a spacer block above and below it.
Full Width Two Column Image and Text block
Column block with one column. Column set has class container--large added to limit its width to 1300px.

Column has a paragraph block inside of it.

Column block has a spacer block above and below it.
Image with headline block
Column block with one column. Column set has class container--large added to limit its width to 1300px.

Column has a paragraph block inside of it.

Column block has a spacer block above and below it.
Column block with three equal columns. Column set has class no-gap-no-padding added to remove all white space.

Each column has an Image block inside of it.
Column block with one column. Column set has class container--large added to limit its width to 1300px.

Column has a paragraph block inside of it.

Paragraphs with quotes each have the inline-quote class added to style them as a quote.

Column block has a spacer block above and below it.
Image with color overlay block
Title with description block

Title block has a spacer block above it.
Page listing block

Page listing block has a spacer block below it.
Footer