template.html

---
layout: default
title: template
---

<div id="font-styles"> 
  <!--Header Fonts--> 
  <h1>Header Style 1 - 24 pt</h1>
  <h2>Header Style 2 - 18 pt </h2> 
  <h3>Header Style 3 - 14 pt </h3>
  <br/>
  <!--Body Text -->
  <p> Body Text - 14pt <br />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br />
    Sed tempor lorem massa, et vestibulum libero faucibus suscipit. <br />
    Suspendisse potenti. Suspendisse ut sollicitudin ligula. Quisque neque libero, <br />
    gravida at viverra nec, scelerisque sit amet leo. Cras erat erat, molestie <br />
    Cras erat erat, molestie quis pharetra mollis, fermentum non magna. Sed lacinia <br />
    ut eros in tristique. Nulla bibendum felis sit amet lorem tincidunt bibendum.<br/><br/>
    <a> Link in body text -12 pt with underline </a> 
  </p> 
  <!--Pre Text--> 
  <pre> Pre Text which        keeps its format   including tabs and --- spaces. </pre>
  <!--List Elements --> 
  <br/> 
  <ul> 
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    <li>List Item 4</li>
  </ul>
  <!--Buttons!-->
  <div>
    <button class="btn btn-primary"> Click Me! </button>
    <button class="btn btn-default"> Click Me! </button>
    <button class="btn btn-green"> Click Me! </button>
    <button class="btn btn-blue"> Click Me! </button>
    <button class="btn btn-gray"> Click Me! </button>
  </div> 
  
  <br/> 
  
  <!--Blockquote-->
  <div>
    <blockquote> This is a blockquote</blockquote>
  </div>
</div> <!--end font styles-->