Start of header items

This is a header.  

Smaller header

This is some regular text. Be sure to add the feature image up above. You can put pretty much anything in the header section, but don't get carried away on how much.   To make headers, highlight the text and choose the H.

If the post is marked featured, the featured image will be full page height. Otherwise it'll be half height.

If you want your items left-aligned, remove the class="centered" part of the HTML above.

End of header items

Any text that isn't in a special section will just be regular old blog post style, on white.  This page isn't set up all that well for that, so you may want to choose a different layout.

==Side by side section, on black== (column 1)

When you're in this type of section, you have two columns to work with.  Put anything you want in this first column. Images, buttons, etc etc are all good.

You can change the color of this section to anything you want.  Just edit the HTML above to say class="orange-background" instead of "black-background.  Options are:

  • black-background
  • grey-background
  • orange-background
  • blue-background
  • (blank means white background)
End of first column, start of second.

Same rules for this column. Put anything you like in here.


End of column layout

==Start of two columns, left one is half the size of right== (currently blue)

Some short text for the small column. I'm using a big header.

End of first column, start of second.

Put something else here, maybe an image or more text?  Edit the HTML above if you want a different color other than blue.  You can also remove the "vertical-line" class if you don't want the divider.

End of column layout

If you want toggles (accordions) with buttons them, build them as accordions with buttons just below them.  Like this:

Here's the toggle header

Here's the toggle-able content. The button is going to end up in here too.

If you need color wrapped around multiple parts together, use a color box like this one before it, and an end of color box after it.

This type of section looks nice with a header.

==Automatic two-columns (holds text only) ==

If you have a bunch of text and want it laid out in two columns, use this template.  (As usual, you can add a color class.)  If you have a bunch of text and want it laid out in two columns, use this template.  (As usual, you can add a color class.)  If you have a bunch of text and want it laid out in two columns, use this template.  

(As usual, you can add a color class.)  If you have a bunch of text and want it laid out in two columns, use this template.  (As usual, you can add a color class.)

End of automatic column section
End of color section