Headers

<h2>This is an h2</h2>

This is an h2

<h3>This is an h3</h3>

This is an h3

<h4>This is an h4</h4>

This is an h4

<h5>This is an h5</h5>

This is an h5

<h6>This is an h6</h6>

This is an h6

Emphasized Text

<em>This text has emphasis</em>

Bold Text

<strong>This text is bold</strong>

Icons

<span class="icon phone-icon"></span>

<span class="icon right-chevron"></span>

<span class="icon left-chevron"></span>

<span class="icon shopping-bag-icon"></span>

<span class="icon live-chat-icon"></span>

Buttons

<button class="button primary">This is a button</button>

<a class="button primary">An a can be a button too</a>

<button class="button primary">Secondary Button</button>

Matrix Table

 <div class="matrixTable matrix-cols-4">
  <div class="matrixCells">
   <div class="matrixCell">
    <p>Anything you want can go inside a matrixCell div - paragraphs, images, links, etc.</p>
   </div>
   <div class="matrixCell">
    <p>You can put any number of matrixCell divs inside a matrixTable</p>
   </div>
   <div class="matrixCell">
    <p>You can change the 4 in matrix-cols-4 to any number between 2 and 6</p>
   </div>
  </div>
 </div>