Style Guide

TYPOGRAPHIC STYLES

Heading 1

Heading 2

Heading 3

Heading 4


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae efficitur nibh. Proin tincidunt ligula ac ipsum rutrum, nec hendrerit erat semper. Sed blandit fermentum lorem, quis aliquet nunc posuere eu. Vestibulum dui sapien, accumsan sed malesuada nec, volutpat et ligula. Aliquam commodo tincidunt justo sed mattis. Maecenas tristique neque massa. Etiam vel turpis commodo, consectetur lectus ac, tincidunt ipsum. Sed pellentesque, mi quis viverra gravida, magna lectus malesuada arcu, a pellentesque erat odio ut ipsum. Vestibulum sollicitudin magna ac mauris auctor, in viverra nibh placerat. Suspendisse eu ligula vestibulum, tempus enim quis, dignissim libero. Curabitur fringilla massa ipsum, sagittis auctor ligula ultrices vitae. Sed non lacus a lacus ornare auctor. Donec placerat orci lacus, pulvinar fermentum dui luctus sit amet. Nunc congue id ex ut rhoncus. Suspendisse auctor molestie mi, a suscept purus dapibus non. Donec viverra bibendum odio, maximus dictum diam vulputate in.

Aenean a sem at ligula placerat eleifend sit amet vitae urna. Nullam tincidunt risus nec mi aliquam aliquam. Mauris ante dui, volutpat vitae tellus sed, aliquet ullamcorper tortor. Nullam in arcu vitae sapien hendrerit ornare. Nulla vel velit vitae diam facilisis placerat. Morbi rutrum urna ac convallis aliquam. Ut sit amet tempor enim. In arcu erat, consectetur nec euismod nec, hendrerit lacinia mauris.


BUTTON STYLES

CSS class: ctaOne

Call to Action

CSS class: ctaTwo

Call to Action

CSS class: ctaTwo animated pulse infinite

Call to Action – pulse

PRIMARY COLORS

#144C94

#A7B43A

SECONDARY COLORS (use sparingly)

#002F42

#009590

#44CAD5

#AFBEC4

GRADIENT STYLE

CSS class: amtGradient



background: -moz-linear-gradient(-45deg, #104b99 38%, #728f3b 94%, #728f3b 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #104b99 38%,#728f3b 94%,#728f3b 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #104b99 38%,#728f3b 94%,#728f3b 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104b99', endColorstr='#728f3b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */