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>
This text has emphasis

Bold Text

<strong>This text is bold</strong>
This text is bold

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>
An a can be a button too

<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>

Anything you want can go inside a matrixCell div - paragraphs, images, links, etc.

You can put any number of matrixCell divs inside a matrixTable

You can change the 4 in matrix-cols-4 to any number between 2 and 6