Column structures
Guidelines
By default, a row has no white space between the columns.
To create a row with cards or different content blocks:
- Add a row with 6-6, or 4-4-4 columns
- Apply the theme "row-with-spacing-between-columns" on the row
- Add content blocks in the row and add theme to create coloured boxes or boxes with a grey border around it.
All columns in one row will now have an equal height and spacing is added between the columns.
Title of the block
Introduction text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean convallis lectus sem, consectetur laoreet quam pulvinar vel. Suspendisse tempor neque nec feugiat rutrum. Duis at mi et ipsum consequat faucibus. Ut scelerisque tempor eros, sit amet mollis nisl dictum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Title of the block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean convallis lectus sem, consectetur laoreet quam pulvinar vel. Suspendisse tempor neque nec feugiat rutrum. Duis at mi et ipsum consequat faucibus. Ut scelerisque tempor eros, sit amet mollis nisl dictum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Title of the block
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean convallis lectus sem, consectetur laoreet quam pulvinar vel. Suspendisse tempor neque nec feugiat rutrum. Duis at mi et ipsum consequat faucibus. Ut scelerisque tempor eros, sit amet mollis nisl dictum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Link to the homepageContentblock Blue Sunrise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis magna orci, eu faucibus justo sodales ut. Pellentesque et sapien libero. Nullam eget laoreet ex. Aliquam erat volutpat. Duis dignissim consequat quam eget commodo. Nam condimentum, dui sit amet finibus congue, nisl nulla porta sapien, aliquet pellentesque elit quam ut dui. Donec cursus dolor eu interdum lacinia.
Call to action btnContentblock Purple Sunset
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis magna orci, eu faucibus justo sodales ut. Pellentesque et sapien libero. Nullam eget laoreet ex. Aliquam erat volutpat. Duis dignissim consequat quam eget commodo. Nam condimentum, dui sit amet finibus congue, nisl nulla porta sapien, aliquet pellentesque elit quam ut dui. Donec cursus dolor eu interdum lacinia.
Call to action btnLorem ipsum dolor sit amet
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua