Promotions
Promotion
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
No link, button
No hover effect.
No link or button
No hover effect. Just text for you to read and ponder.
Columns
Extra columns, though they are also used above
The first and single column inside this columns block. Does not make sense to have only one column, but it is possible and will take up all the available width. It’s the same as having only one block in a row, which functions similarly.
The first of two equal columns. The columns have equal widths and heights by default.
The second of two columns. The columns have equal widths and heights by default.
The first of three equal columns at 33.33% wide.
The second of three columns at 33.33% wide.
The third of three columns and 33.33% wide.
The first of two unequal columns and 75% wide. This column also has an extra third line of content, but the height of both columns should still match because of the flex styling.
The first of two unequal columns and 25% wide.
Tabs
Contents
This is the content for the first tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Column A
Column B
This is the content for the second tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.