3 column + sidebar

Example:

Example image 1
Example image 2
Example image 3

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

How to Implement:

  1. Log into WordPress
  2. Select the page you’d like to add your images to
  3. Use the Text view to edit your content
  4. In the spot where you’d like to add your Images, use the following code (with your image link codes placed as indicated):
<div class="section group">
<div class="col span_1_of_3 mobile_full">Place img link here.</div>
<div class="col span_1_of_3 mobile_full">Place img link here.</div>
<div class="col span_1_of_3 mobile_full">Place img link here.</div>
<div class="clear"></div>
</div>
If your content is of different heights (like in the above example), you will need to insert a div with a class of 'clear' after the last column to prevent text from filling in the extra space.
The class "mobile_full" makes images go full width at small screen sizes. To preview, resize this window until the images span the whole page width.

Note: image code you insert should read as follows:

<img src="" alt="">

You must add the link to the image (including http:) in-between the first quotation marks. In-between the alt="" question marks, you must give a description of the image's role on the page (this helps make the image accessible to people using alternative technologies to access your page.) If your image plays no role on your page other than ornamental, you can leave the alt="" question marks empty.