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>