Style Guide

Heading 1 (H1 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Heading 2 (H2 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Heading 3 (H3 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Heading 4 (H4 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Heading 5 (H5 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Heading 6 (H6 tag)

Basic paragraph text p tags will assume this style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est convallis odio ultrices interdum non eget eros. Pellentesque ultrices pharetra sem sit amet iaculis.

Red Button Link

To give a link a red button style, you must 'Edit Link' and click the Advanced tab. Then in the Stylesheet Classes field, add 'red-button'.

Lists

  • this is a smaple list item. which can be achived but using the editor and clicking the list icon.
  • another list item. Once you are done with the list just unclick the list icon.

A Numbered List

  1. Here is an example of a numbered list.
  2. the same steps apply for this list. the only difference is the list icon will have numbers instead of bullets
  3. another list item
Embedding Video

To properly embed a video, so it displays at 100% width on all devices, you must first create a wrapping DIV which you can class. Cursor down your page to where you want the video. Click the DIV button in the WYSIWYG buttons above, and a popup will appear asking for a Stylesheet class, and you can type 'media_embed'. Then click the Video icon above to paste the embed code YouTube provides to you.