Content Blocks: Layouts with Optional Images

Interactive examples of Callouts, Icon Rows, Image Card Rows, and Image & Text content blocks

Callout Content Block

1-column layout

Callout with Image (Display Title)

Callout optional body text.

Link Text for Optional Button

2-column layout (equal width)

CALLOUT DISPLAY TITLE

This Callout includes an Image and a Link.

Learn more about callouts

CALLOUT DISPLAY TITLE

This Callout does not feature an Image or Link.

3-column layout

CALLOUT DISPLAY TITLE

This Callout does not include a Link or Image.

CALLOUT DISPLAY TITLE

This Callout features a Link.

Learn about Callouts

CALLOUT DISPLAY TITLE

This Callout includes an Image.

Icon Row Content Block

You may only add Icon Rows to 1-column layouts.

ICON ROW DISPLAY TITLE

Icon Item Optional Heading

Icon Item optional Body text.

Optional Link

ICON HEADING

Learn about Icon Rows

Icon items will wrap to a new line after 3 items.

Image Card Row Content Block

You may only add Image Card Rows to 1-column layouts.

1 Image Card - with image (Optional display title)

Image Card Optional Heading

Image Card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut auctor nisl. Morbi ultricies turpis sed purus aliquam maximus.

Required Link

1 Image Card - no image (Optional display title)

Image Card Item Without an Image

Image card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut auctor nisl. Morbi ultricies turpis sed purus aliquam maximus.

Required Link

2 Image Cards (OPTIONAL DISPLAY TITLE)

Image Card Optional Heading

Image Card optional body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut auctor nisl. Morbi ultricies turpis sed purus aliquam maximus.

Required Link

Image Card with no image or body

Required Link

3 Image Cards (OPTIONAL DISPLAY TITLE)

Image Card Optional Heading

Image Card optional body. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut auctor nisl. Morbi ultricies turpis sed purus aliquam maximus.

Required Link

IMAGE CARD OPTIONAL HEADING

Image Card body. Lorem ipsum dolor sit amet.

Required Link

Image Card with no image or body

Required Link

Image & Text Content Block

1-COLUMN LAYOUT

Image & Text, left-aligned Image (optional heading)

Optional body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius turpis in risus egestas, nec imperdiet orci fringilla. Ut leo lorem, convallis eget elit in, placerat molestie magna. Duis sagittis, quam eu ultricies malesuada, arcu lorem ultricies ipsum, faucibus consequat leo arcu sagittis velit.

Optional Link

Image & Text, Right-aligned Image (optional heading)

2-column layout (equal width)

Optional Heading

Optional body text

Optional Link

IMAGE & TEXT HEADING

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius turpis in risus egestas, nec imperdiet orci fringilla. Ut leo lorem, convallis eget elit in, placerat molestie magna. Duis sagittis, quam eu ultricies malesuada, arcu lorem ultricies ipsum, faucibus consequat leo arcu sagittis velit. Donec quis ex dapibus ex mattis scelerisque.

3-Column Layout

Image & Text Heading

Learn about Image & Text

Image & Text Heading

Optional Link

Images are required, but heading, body, and link fields are not.