PRAT Styles

This page provides helpful examples of the recommended page content styles used throughout this site. Maintaining consistent styling and brand standards will result in the best possible user experience for site visitors!


H1 Heading

Intro class makes the paragraph text larger and is used for emphasis on the paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Fermentum id, molestie in, commodo porttitor, felis. Link Example, nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

H2 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

H3 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

H4 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

H5 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

H6 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo rhoncus venenatis tristique in vulputate odio.

Branded Colors

RedBlueRoyal BlueSlateTealTanGray

Other: *Required


Buttons:

Button Sample

Unordered List:

Ordered List:

  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
  5. List item 5

YouTube:

To add a YouTube video to a page, find the video on the YouTube site. Click "Share". Then click "Embed" and copy / paste the code that YouTube provides. NOTE: Additional YouTube help can be found here.