Website Style Template

This is How h2 Tags Render

This is the basic body text in a one-column div. The default body alignment is left, so you have to highlight the text and manually select "justify" to change it.

Another h2 Tag

You can change the color of the underline on the h2 tags by adding ''class="orange"' or blue to the tag. And if you use h2 tags lower than the top line of a page, please add 'style="margin-top: 35px;"' in the html editor to keep spacing consistent.

Button

h4 Tag

h5 Tag
Blockquote

Change the color of the blockquote by inluding 'class="orange"' or blue in the tag using the html editor.

Two-Colum div

This is the left column of a two-column div. When viewed on a mobile device, this column will stack on top of the right column, but only if you change 'col-xs-6' to 'col-xs-12' in the div using the html editor.

Also, make sure 'style="padding-left: 15px; padding-right: 15px;"' is included in the containing div or the columns will be right next to each other.

This is the right column of a two-column div. When viewed on a mobile device, this column will stack underneath the left column, but only if you change 'col-xs-6' to 'col-xs-12' in the div using the html editor.

Also, make sure 'style="padding-left: 15px; padding-right: 15px;"' is included in the containing div or the columns will be right next to each other.

Three-Column div

With any multi-column div, you can vary the width of each column by using the html editor. Just make sure the numbers add up to 12. For example...

col-md-4 col-sm-4 col-xs-12 column

col-md-4 col-sm-4 col-xs-12 column

col-md-4 col-sm-4 col-xs-12 column

col-md-3 col-sm-3 col-xs-12 column

col-md-6 col-sm-6 col-xs-12 column

col-md-3 col-sm-3 col-xs-12 column