Home » 2 Column example page

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 a paragraph block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum quam eu purus tincidunt porta. Sed laoreet viverra neque, sit amet mattis leo. Integer eu accumsan enim, sit amet eleifend lacus. Nam ut justo vel eros suscipit ultricies. Integer laoreet turpis non sapien semper, vitae eleifend nunc dapibus. Proin ut orci vitae velit interdum luctus vel at eros. Maecenas facilisis rhoncus quam, eget convallis eros ultricies vitae. Pellentesque quis sapien sagittis, convallis lorem a, tristique dolor.

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