Styleguide

Modules

sNav - Use to put content on the right sidebar

ttlSnav - Use to put in quicklinks on the sidebar

footWrap - Put in another editable area at the bottom of the back page

content - Use to put content on the left content area


Font Colors

Heading : <h1>

Heading : <h2>

Paragraph : <p>

Heading : <h4>

Anchor : <a> Anchor : a class="level_one" Anchor : a class="backToTopButton btn"

Button Examples

class="btn btn-default btnOB login-back-p-link":

id="loginToBB":

Button Example

class="btn btn-sm btn-apply btn-business":

Button Example

class="btn btn-sm btn-apply":

Button Example

class="navbar-toggle":


Lorem ipsum dolor sit amet, consectetuer adipicing elit. Cras pharetra do these links. Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc. Lorem ipsum dolor sit amet, consectetuer adipicing elit. Cras pharetra stand out? Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc. Lorem ipsum dolor sit amet, consectetuer adipicing elit. Cras pharetra posuere justo. Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc.

Lorem ipsum dolor sit amet, consectetuer adipicing elit. Cras pharetra do these links. Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc. Lorem ipsum dolor sit amet, consectetuer adipicing elit. Cras pharetra stand out? Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc. Lorem ipsum dolor sit amet, consectetuer adipicing elit.

Cras pharetra posuere justo. Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Curabitur elementum leo ac nulla. Aliquam nec arcu sit amet purus mattis placerat. Suspendisse potenti. Quisque scelerisque mattis justo. Nunc tincidunt nisl sit amet tellus. Cras varius mollis nunc.

Heading 3 (h3)

Heading 4 (h4)



Apply Submit

Heading 3 (h3)

Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora.

Supplementary H1 - Not Recommended in the Body
w/Line-Break to check Line-Height

Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per.

Header 2 with supplementary line
Break to check the Line-Height

Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per.

Header 3 with supplementary line
Break to check the Line-Height

Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per.

Header 4 with supplementary line
Break to check the Line-Height

Suspendisse potenti. Donec nec quam. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per. Donec trum purus at eros. In eu liberero magna. Nam est. Class aptent taciti sociosqu ad itora torquent per corulia nostra, per.

First th Second th

Third th

data data in location-schedule-table1 data in location-schedule-table1
data data in location-schedule-table1 data in location-schedule-table1
data data in location-schedule-table1 data in location-schedule-table1
data data in location-schedule-table1 data in location-schedule-table1
data data data