Buttons
<div class="btn">
    <a href="#">Default Button</a>
</div>

<div class="btn alt">
    <a href="#">Alt Button</a>
</div>

<div class="btn external">
    <a href="#" target="_blank">External Button <i class="fa fa-external-link" aria-hidden="true"></i></a>
</div>
Colors
$color-one
$color-two
$color-three
Form
{ % include contact-form.html }
Headings

This is H1

This is H2

This is H3

This is H4

This is H5
This is H6


Example Page Title

Example Sub Title

<h1 class="page-title">Example Page Title</h1>
<h2 class="sub-title">Example Sub Title</h2>
Layout Options
Test

Suspendisse vitae risus et erat aliquam finibus. Cras eu molestie est, aliquet rhoncus est. Sed odio dolor, viverra quis ornare vel, venenatis vestibulum quam. Integer congue varius accumsan.

Test

Mauris quis risus at est consectetur imperdiet pulvinar quis dui. Fusce eu enim venenatis, imperdiet dui sit amet, pulvinar dui.

Test

Suspendisse vitae risus et erat aliquam finibus. Cras eu molestie est, aliquet rhoncus est. Sed odio dolor, viverra quis ornare vel, venenatis vestibulum quam. Integer congue varius accumsan.

Test

Mauris quis risus at est consectetur imperdiet pulvinar quis dui. Fusce eu enim venenatis, imperdiet dui sit amet, pulvinar dui.

Test

Morbi at sem eu est blandit blandit ut vitae nibh. Nullam auctor odio id urna pellentesque, in ultricies lectus vestibulum.

Test

Suspendisse vitae risus et erat aliquam finibus. Cras eu molestie est, aliquet rhoncus est. Sed odio dolor, viverra quis ornare vel, venenatis vestibulum quam. Integer congue varius accumsan.

Test

Mauris quis risus at est consectetur imperdiet pulvinar quis dui. Fusce eu enim venenatis, imperdiet dui sit amet, pulvinar dui.

Test

Morbi at sem eu est blandit blandit ut vitae nibh. Nullam auctor odio id urna pellentesque, in ultricies lectus vestibulum.

Test

Morbi at sem eu est blandit blandit ut vitae nibh. Nullam auctor odio id urna pellentesque, in ultricies lectus vestibulum.

<div class="cols cols-2">
  <div class="col">  ...   </div>
</div>

<div class="cols cols-3">
  <div class="col">  ...   </div>
</div>

<div class="cols cols-4">
  <div class="col">  ...   </div>
</div>


Options: 
Align Center = class of 'center' on cols class
Links

Simple inline link http://variantstudios.com, another inline link Smaller.

An email [email protected] link.

Internal Link

External Link

<a href="#" class="read-more-link">Link Title</a>
<a href="#" class="read-more-link external" target="_blank">External Link</a>
Lists

Ordered Lists

  1. Ordered list item
  2. Ordered list item
    • Order list sub item
  3. Ordered list item

Unordered Lists

Navigation
<nav class="main-nav">
  { % include nav.html nav=site.data.menu % }
</nav>