Style Guide

Please use the methods outlined in the page to format any pages you create.  Do not add colors, fonts, or other styling to keep all pages consistent.  Enjoy!

Heading 1 - Page Titles (do not use)

All page titles will automatically be populated for you.  Subheadings shown below can help highlight different page sections.

Subheadings:

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is a paragraph.  The quick brown fox jumped over the lazy dogs.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus auctor metus, nec ornare nulla dictum at. Nulla accumsan sit amet dolor ut aliquam.

  • Bulleted list item 1
  • Item 2
  • Item 3
  1. Numbered list item 1
  2. Item 2
  3. Item 3

Linked text within a paragraph.

Images and Photos

When adding images to the site - before uploading - we need to be sure the image is not too large, causing a slow download.  All images must be compressed before uploading.  Please go to the following site and follow the instructions to compress your image before uploading:

https://tinypng.com/

  • Do not upload clipart or animated gifs
  • Left-justify images if there is a right rail on your page. If not, you can right-justify the image
  • Do not center images on the page
  • Do not upload any file larger than 1MB

Buttons

Click on the puzzle piece on in the "Visual" tab and choose "Elements" > "Buttons" to insert a button.  The dialog offers many choices, but PLEASE OBSERVE THESE RULES:

  • Red color is defined by the style "Danger" and is the only button color that should be used
  • No all caps or all lowercase; Please Use Camel Case Like This
  • Please do not upload images to be used as buttons (or links)
  • "Target" determines if the button opens in the same window or a new one.  Self = same; Blank = new window.  A new window is recommended for links that are not within the TWS site
  • You can also copy the code below (in the editor) and just change the text to your button text and the link to your button URL.
Button Example

Below is a horizontal line:

Colors

Please DO NOT use colors for text or links.