Brand Colors

Brand Primary ($brand-primary)

Brand Secondary ($brand-secondary)

Brand Three ($brand-three)

Brand Four ($brand-four)


Typography

H1 Hello World

H2 Hello World

H3 Hello World

H4 Hello World

H5 Hello World

Hello World

Hello World

Hello World

Hello World


The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

                            
                                <p class='lead'>The quick brown fox jumps over the lazy dog.</p>
<p>The quick brown fox jumps over the lazy dog.</p>
<p class='color-primary'>The quick brown fox jumps over the lazy dog.</p>
<p class='color-secondary'>The quick brown fox jumps over the lazy dog.</p>
<p class='color-three'>The quick brown fox jumps over the lazy dog.</p>
<p class='color-four'>The quick brown fox jumps over the lazy dog.</p>

Buttons

I am Button I am Button I am Button I am Button
                            
                                <a href='#' class='btn btn-primary'>I am Button</a>
<a href='#' class='btn btn-secondary'>I am Button</a>
<a href='#' class='btn btn-three'>I am Button</a>
<a href='#' class='btn btn-four'>I am Button</a>

Links

I am Link I am Link I am Link I am Link I am Link
                            
                                <a href='#' class='btn btn-link'>I am Link</a>
<a href='#' class='btn btn-link link-primary'>I am Link</a>
<a href='#' class='btn btn-link link-secondary'>I am Link</a>
<a href='#' class='btn btn-link link-three'>I am Link</a>
<a href='#' class='btn btn-link link-four'>I am Link</a>

Form