Skip to main content

Dual Column Content

This group of components provides options for placing simple content side-by-side in two columns. Content options included in this group are text, images, videos, and quotes.


With text in both columns

This configuration has space for an optional header at the start of each column. The text area in each column supports rich text styling, such as:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et malesuada ligula. Maecenas vel dui sed ex iaculis rhoncus. Nullam fermentum porta imperdiet. Donec vitae nisl lectus. Nunc eget purus non felis varius tristique. In cursus euismod pharetra. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et malesuada ligula. Maecenas vel dui sed ex iaculis rhoncus. Nullam fermentum porta imperdiet. Donec vitae nisl lectus. Nunc eget purus non felis varius tristique.

In cursus euismod pharetra. Phasellus libero purus, interdum nec sem vel, convallis fringilla nisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et malesuada ligula. 

Maecenas vel dui sed ex iaculis rhoncus. Nullam fermentum porta imperdiet. Donec vitae nisl lectus. Nunc eget purus non felis varius tristique.

In cursus euismod pharetra. Phasellus libero purus, interdum nec sem vel, convallis fringilla nisi.


With text and a quote

This configuration has space for an optional header at the start of this text column. This text area supports rich text styling, such as:

The other column has space for a quote. This can be placed in the left-hand or the right-hand column.

Fair laughs the morn, and soft the zephyr blows, While proudly riding o'er the azure realm in gallant trim the gilded vessel goes.

Thomas Gray

With text and an image

This configuration has space for an optional header at the start of this text column. This text area supports rich text styling, such as:

The other column has space for an image. The image should be 575x355 pixels.

Editors can choose whether the image is placed in the left-hand or the right-hand column.


Column A placeholder image.
Column B placeholder image.

Column A placeholder image.

Sorry, you need JavaScript to view this video