Back to Components
Split Content

Columns

Packed with any column style you want. Ready to be used in any circumstance..

  • Up to 4 Column
  • Asymmetric Columns
  • Full or Card/Boxed Styles
  • Flexbox Styles also Available
Basic Styles Too!

Powerful icon or image columns powered by CSS3 Flexboxes.

Great for Icons

With Large Titles

Powerful icon or image columns powered by CSS3 Flexboxes.

Great for Images

Easy to Use!

Powerful icon or image columns powered by CSS3 Flexboxes.

Great for Images

Left or Right

Powerful icon or image columns powered by CSS3 Flexboxes.

Full Card

This is a full width content. It only has 1 column per row. All contents are styled like this by default

1 of 2

This is a full width content. It only has 1 column per row. All contents are styled like this by default

2 of 2

This is a full width content. It only has 1 column per row. All contents are styled like this by default

1 of 3

This is a third of a column.

2 of 3

This is a third of a column.

3 of 3

This is a third of a column.

Columns in Card

Columns in cards will spread inside a single card, allowing them to have more space to cover.

img
img
img
img
img
img
img
img
img
img
Time to Go Mobile

Get Duo Mobile Today

Start your next project with Duo and enjoy the power of a Progressive Web App.

Get Duo Now