Columns Layout

1/2

Lorfm ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

1/2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[one_half]
  <h4>1/2</h4>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
[/one_half]
[one_half_last]
  <h4>1/2</h4>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
[/one_half_last]

[clear_columns]
[one_third]
  <h4>1/3</h4>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/one_third]

[one_third]
  <h4>1/3</h4>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/one_third]

[one_third_last]
  <h4>1/3</h4>
  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/one_third_last]

[clear_columns]

2/3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[one_third]
<h4>1/3</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_third]

[two_third_last]
<h4>2/3</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/two_third_last]

[clear_columns]

2/3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[two_third]
<h4>2/3</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/two_third]

[one_third_last]
<h4>1/3</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_third_last]

[clear_columns]

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[one_fourth]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth]

[one_fourth]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth]

[one_fourth]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth]

[one_fourth_last]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth_last]

[clear_columns]

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

3/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[one_fourth]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth]

[three_fourth_last]
<h4>3/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/three_fourth_last]

[clear_columns]

3/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[three_fourth]
<h4>3/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/three_fourth]

[one_fourth_last]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth_last]

[clear_columns]

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

1/2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing.

1/4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[one_fourth]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth]
[one_half]
<h4>1/2</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing.
[/one_half]
[one_fourth_last]
<h4>1/4</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
[/one_fourth_last]
[clear_columns]

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

2/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

2/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[one_fifth wp-one_fifth-tag-1][/one_fifth]

[two_fifth]
<h4>2/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/two_fifth]
[two_fifth_last]
<h4>2/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/two_fifth_last]
[clear_columns]

3/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[three_fifth]
<h4>3/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/three_fifth]

[one_fifth]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth]
[one_fifth_last]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth_last]

[clear_columns]

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

1/5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[one_fifth]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth]
[one_fifth]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth]
[one_fifth]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth]
[one_fifth]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth]
[one_fifth_last]
<h4>1/5</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
[/one_fifth_last]
[clear_columns]

Column Layout On Smaller Screens

If you want to keep the column layout at smaller screen sizes you can add the “dont-break” class.

1/2 dont-break

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

1/2 dont-break

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[one_half class="dont-break"]
<h4>1/2 dont-break</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/one_half]
[one_half_last class="dont-break"]
<h4>1/2 dont-break</h4>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
[/one_half_last]
[clear_columns]