Simple 3 Column

1 Easy! Easy! Easy!

This is an easy way to show a gallery of photos, have a page that appears in a Newspaper format, or to place areas of text that needs to be divided.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat neque sit amet tortor dignissim porta. Etiam nec orci at massa tincidunt rhoncus.

2Same Height

Make sure your boxes have approximately the same length of information and/or pictures in order for them to "stack" as they are supposed to in the smaller viewports.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat neque sit amet tortor dignissim porta. Etiam nec orci at massa tincidunt rhoncus.

3 Fill All of The Boxes in the line

Make sure you put something in all of the boxes in the line. This way, you get three columns.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat neque sit amet tortor dignissim porta. Etiam nec orci at massa tincidunt rhoncus.

---

4 Copy this Page or make your own for the Simple 3 column

First, make a new page from the "one column" dwt or copy the One Column page (Layout 5) from the file. Then add as many rows in the "Content Full" area as you need.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat orci at massa tincidunt.

5 Content

 It looks better if your text is evenly distributed and one column is not much longer than the others.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat neque sit amet tortor dignissim porta. Etiam nec orci at massa tincidunt rhoncus.

6 How to make 3 boxes:

It's easy to do. Just add this coding in the html for three boxes in a row:

 <section class="contentBox3a ">
<p></p>
</section>
<section class="contentBox3b  callbox1">
<p></p>
</section>
<section class="contentBox3c">
<p></p>
</section>
<hr class="noshow">

---

Your text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis fermentum mauris, eget dignissim magna adipiscing et. Maecenas diam enim, mollis non tempor vitae, malesuada ac tortor. Etiam dolor purus, ultrices a accumsan eu, fermentum et ipsum.

Vivamus interdum ipsum et nulla rhoncus ac volutpat justo lacinia. Pellentesque ut purus a sapien iaculis mattis non nec dui. In quis odio tortor. Aenean ac magna eu massa aliquet hendrerit et eu risus. Sed consequat neque sit amet tortor dignissim porta. Etiam nec orci at massa tincidunt rhoncus.