2 Column Example Page


Two-column pages are created using a block pattern.

  • On your blank page, click the plus button to insert a block, then select Browse all
  • In the block selector, click on Patterns
  • Select Pages from the dropdown menu
  • Select the block pattern called Page layout with two columns
  • If needed, switch the section navigation (a reuseable block) in the right column to the one you need:
    • Click on the reusable block already in place
    • Click on the 3 dots in the top right corner of the block and select, insert before
    • Click the plus button > select Browse all > select reusable > select your chosen block
    • Remove the unneeded reusable block
  • Add content to each column as needed

This is an example of paragraphs within a column block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis risus imperdiet, posuere mauris quis, varius felis. Maecenas ut porta ipsum, non tincidunt tortor. This is an example of paragraphs within a column block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis risus imperdiet, posuere mauris quis, varius felis. Maecenas ut porta ipsum, non tincidunt tortor. This is an example of paragraphs within a column block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis risus imperdiet, posuere mauris quis, varius felis. Maecenas ut porta ipsum, non tincidunt tortor. This is an example of paragraphs within a column block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis risus imperdiet, posuere mauris quis, varius felis. Maecenas ut porta ipsum, non tincidunt tortor.

voters waiting in line and voting
This is an example of a long caption to test out the width of long captions in desktop view.
Group of two rows of people listening and taking notes during a training session.
This is an image block with a caption

Heading 2

  • Unordered list with a longer list item to test wrapping. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • In suscipit lacus a purus blandit, et laoreet ante semper.
    • Second list level with a longer item to test wrapping. Vestibulum maximus neque ut massa imperdiet rhoncus.
    • Donec et nunc auctor, pellentesque ipsum non, viverra purus.
    • Sed scelerisque tellus nec leo tristique rhoncus.
  1. Ordered list with a longer list item to test wrapping. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. In suscipit lacus a purus blandit, et laoreet ante semper.
    1. Second list level with a longer item to test wrapping. Vestibulum maximus neque ut massa imperdiet rhoncus.
    2. Donec et nunc auctor, pellentesque ipsum non, viverra purus.
    3. Sed scelerisque tellus nec leo tristique rhoncus.

Heading 3

This is an example of a pullquote block.

— Firstname lastname

Heading 4

Table ExampleColumn 2Column3
Table Caption
Heading 5

This is an example of paragraphs within a column block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis risus imperdiet, posuere mauris quis, varius felis. Maecenas ut porta ipsum, non tincidunt tortor.

Another paragraph in the second column. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 6

“This is a quote”

by me
Details block

This is the hidden block

Content Right column

Add sidebar text to this column. Add additional blocks as needed.