Image & Text Page Block

This is a foundational page block type (Columns Layout), 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.

This block is used on many pages such as these image/text blocks on Solution pages.

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

H2, Image/Text Columns w/ Narrow Layout

P, lorem ipsum dolor sit amet, at epicurei volutpat adolescens pro, dolore voluptua indoctum no eos.

Id has mutat paulo copiosae, ad usu congue animal adversarium. Maiorum adipisci ne vel, an has modo postea. Noluisse dignissim expetendis cu vis, ex eum munere bonorum copiosae.

Button Example

H2, Text/Image Columns w/ Full Width Layout

P, lorem ipsum dolor sit amet, at epicurei volutpat adolescens pro, dolore voluptua indoctum no eos. Id has mutat paulo copiosae, ad usu congue animal adversarium. Maiorum adipisci ne vel, an has modo postea. Noluisse dignissim expetendis cu vis, ex eum munere bonorum copiosae.

H2, Image/Text – Blue Background (full) – Narrow Width

H2, Text Title

P, lorem ipsum dolor sit amet, at epicurei volutpat adolescens pro, dolore voluptua indoctum no eos. Id has mutat paulo copiosae, ad usu congue animal adversarium. Maiorum adipisci ne vel, an has modo postea. Noluisse dignissim expetendis cu vis, ex eum munere bonorum copiosae.

H2, Image/Image – Gray Blue Background (inside) – Narrow Width