Web training Component library Accordions Columns CTA Block CTA Links Easy Columns Factoids Featured Cards Featured Content Featured Highlight Image Gallery Staff Listing Tabs Video Content Editor (WYSIWYG) How to

Columns

The Columncomponent allows you to split your page into multiple sections, ranging from one to four columns. This helps you organize and display content in a more structured way, making it easier for users to scan and engage with your page.

Explore the variants below to find the right fit for your content.

One Column

The default layout, with content centered. Ideal for basic text, images, or bullet points when you want a clean, centered layout.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo ante quis sagittis consequat. Fusce pharetra id ipsum non placerat. Donec bibendum posuere faucibus. Nam imperdiet dictum purus, sit amet varius arcu fringilla non. Donec finibus at leo eu mollis. Suspendisse pellentesque viverra mauris pulvinar congue. Nam tincidunt nunc auctor orci gravida, ut bibendum ante congue. Maecenas ut quam massa. Phasellus volutpat lectus vitae pulvinar varius. Pellentesque ut orci ut diam tristique commodo vel id ex.

Two Columns

Choose from 30/70, 50/50, or 70/30 width distributions.

Perfect for side-by-side comparisons, an image next to descriptive text, or quick highlights.

Two Columns - 50/50

Variation 1:

Variation 2:

Variation 3:

Two Columns - 30/70

Variation 1:

Variation 2:

Two Columns - 70/30

Variation 1:

Variation 2: