Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ex ex, aliquam a elementum at, fringilla id diam.

Two Column Full Width Cover Area

Text content area.

Example heading

Our range of MAEDA Mini Crawler Cranes have been designed to carry out lifting works even in the most difficult areas to access.

Two Columns

1 Column at Mobile view ( class = .one-item )
2 Columns at Tablet view ( class = .t-two-items )
2 Columns at Desktop view ( class = .d-two-items )

Align middle (vertically)

  • Donec eget consequat magna
  • In tincidunt eros
  • Proin et semper ligula
  • A maximus nunc.

Three Columns

No Gutter between Columns ( class = .no-gutter )

1 Column at Mobile view ( class = .one-item )
2 Columns at Tablet view ( class = .t-two-items )
3 Columns at Desktop view ( class = .d-three-items )
No Max-width applied to Group

Title 1

Title 2

Title 3


Slim Gutter between Columns ( class = .slim-gutter )

Title 1

Title 2

Title 3

Four Columns

1 Column at Mobile view ( class = .one-item )
2 Columns at Tablet view ( class = .t-two-items )
4 Columns at Desktop view ( class = .d-four-items )

Five Columns

2 Columns at Mobile view ( class = .two-items )
3 Columns at Tablet view ( class = .t-three-items )
5 Columns at Desktop view ( class = .d-five-items )

Six Columns

No max-width applied to Group – no padding

No Gutter between Columns ( class = .no-gutter )

2 Columns at Mobile view ( class = .two-items )
3 Columns at Tablet view ( class = .t-three-items )
6 Columns at Desktop view ( class = .d-six-items )

Two of Three Columns

1 of 1 Column at Mobile view ( class = .one-of-one )
1 of 2 Columns at Tablet view ( class = .t-one-of-two )
2 of 3 Columns at Desktop view ( class = .d-two-of-three )

Title 1

Co Nunc at hendrerit est. Quisque id mi congue, accumsan tortor a, tincidunt nunc. Praesent suscipit mauris a egestas imperdiet. Morbi sollicitudin purus nisl, non ultricies eros tincidunt vel.

Title 2

Title 3

Title 4

Title 5

One of Four Columns

1 of 1 Column at Mobile view ( class = .one-of-one )
1 of 2 Columns at Tablet view ( class = .t-one-of-two )
1 of 4 Columns at Desktop view ( class = .d-one-of-four )

Title 1

Title 2

Title 3

Three of Four Columns

1 of 1 Column at Mobile view ( class = .one-of-one )
1 of 2 Columns at Tablet view ( class = .t-one-of-two )
3 of 4 Columns at Desktop view ( class = .d-three-of-four )

Align middle (vertically)

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget consequat magna, in tincidunt eros. Proin et semper ligula, a maximus nunc.