How To / Page Block Library /

Image & Text Page Block

Contains a side-by-side content layout, featuring an image in one column and basic content in the other column.

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

Optional Pre-Title H2 – Image & Text on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

Optional Pre-Title H2 – Text & Image on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

This section is intentionally left blank.

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

Optional Pre-Title H2 – Image & Text on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed. Primary Button

This section is intentionally left blank.

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

Optional Pre-Title H2 – Image & Text on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

This section is intentionally left blank.

Optional Pre-Title H2 – Text & Image on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

This section is intentionally left blank.

Optional Pre-Title H2 – Text & Image on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

This section is intentionally left blank.

A placeholder image with dimensions 900x900 pixels, featuring a plain gray background and text reading "900 x 900" in the center.

Optional Pre-Title H2 – Image & Text on White

Options for an right and left image are offered within this block, keep what you need and remove what you don’t.

Accent bars can be changed by clicking on the image > advanced tab > CSS classes. The style guide page has a list of all of the CSS classes with their various color combinations listed.

Primary Button

Sample Chart Title

Sample chart description

Optional Pre-Title H2 – Basic Content on White

Intro Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Primary Button

Optional Pre-Title H2 – Basic Content on White

Intro Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Primary Button

Sample Chart Title

Sample chart description

Optional Pre-Title H2 – Basic Content on White

Intro Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Primary Button