Style Guide

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Ordered List

List Item
List Item
List Item
List Item
List Item

Unordered List

List Item
List Item
List Item
List Item
List Item

Unordered List - No Bullets

Add class "no-bullets" to the ul element

List Item
List Item
List Item
List Item
List Item

Icons

To add an icon, insert the code below and give it the proper class name.

<span aria-hidden="true" class="icon-speed"></span>

icon-facebook

icon-twitter

icon-share

icon-search

icon-youtube

icon-arrow-right

icon-arrow-left

icon-speed

icon-quality

icon-mission

icon-agility

icon-newsletter

icon-remove

Colors

Green: #8fc447
Yellow: #edaa17
Gray: #3c3c3c
Orange: #d95932

Fonts

Source Sans Pro: Source Sans Pro
Din Regular: DINWeb
Din Bold: DINWeb-Bold
Din Bold Italic: DINWeb-BoldIta
Din Italic: DINWeb-Ita
Din Medium: DINWeb-Medium
Din Medium Italic: DINWeb-MediumIta

Image Dimensions

Homepage branding image slider:
1200px (W) x 638px (H)
Homepage section images:
1200px (W) x 737px (H)
Footer images:
120px (W) x 72px (H)

Table

item	item	item	item
Item	Item	Item	Item
Item	Item	Item	Item
Item	Item	Item	Item
Item	Item	Item	Item

Column Shortcodes

[one-half-first] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-half-first]

[one-half] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-half]

[clear]

[one-third-first] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-third-first]

[one-third] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-third]

[clear]

[one-fourth-first] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-fourth-first]

[one-fourth] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-fourth]

[clear]

[one-fifth-first] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-fifth-first]

[one-fifth] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-fifth]

[clear]

[one-sixth-first] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-sixth-first]

[one-sixth] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis nostrum hic placeat. Veniam omnis earum odio et animi illo eum expedita ipsum! Error, tempore recusandae tenetur iusto esse unde quam. [/one-sixth]

[clear-line]