<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<a href="#" class="link">Link Text</a>

<p class="lead">Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
  fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="javascript:" class="link">Click here</a></p>

<div class="rte">
  <h2>CMS content</h2>
  <p>
    <em>This is a demonstration store. You can purchase products like this from <a href="//skiandscuba.com" target="_blank">The Ski Chalet &amp; Treasure Cove Scuba</a>.</em>
  </p>
  <ul>
    <li>BASEPLATE: Dual-Component EST® Featuring The Hinge with 30% Short-Glass/Nylon Composite Spar and 45%
      Short-Glass/Nylon Composite Lower</li>
    <li>HI-BACK: Single-Component Canted Living Hinge™ Zero-Lean Hi-Back with DialFLAD™</li>
    <li>STRAPS: Lightweight Reactstrap™ with Flex Slider and Gettagrip Capstrap™</li>
    <li>BUCKLES: NEW Double Take Buckles Featuring Insta-Click</li>
    <li>CUSHIONING: AutoCANT SensoryBED™ Cushioning System with B3 Gel</li>
    <li>Features Re-Ground Materials to Reduce Waste</li>
    <li>Rides Exclusively with Burton Boards Featuring The Channel™</li>
  </ul>
</div>

<ul class="list">
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ul>

<small>Small</small>

<s>Strikethrough</s>

<em>Italics</em>

<div><strong>Strong</strong></div>
<div><b>Bold</b></div>

<button class="button button--primary">Primary</button>

<button class="button button--secondary">Secondary</button>

<button class="button button--primary">Primary <span class="icon-arrow-right"></span></button>

<button class="button button--secondary">Secondary <span class="icon-arrow-right"></span></button>

<div class="errors">
  <ul>
    <li>No account found with that email.</li>
    <li>Sorry, this product is out of stock right now.</li>
  </ul>
</div>

<p class="form-success">
  Thanks for contacting us. We'll get back to you as soon as possible.
</p>

<div class="field w-50">
  <input type="text" id="text-input" placeholder="Label">
</div>

<div class="field field__input field__input--error">
  <input type="text" id="text-input" placeholder="Text input" value="Error">
  <div class="message mt-1">Error message</div>
</div>

<div class="field w-50">
  <textarea type="textarea" id="textarea" placeholder="Textarea"></textarea>
</div>

<div class="field">
  <input type="checkbox" id="checkbox-input">
  <label for="checkbox-input">Checkbox</label>
</div>

<div class="field">
  <input type="checkbox" id="checkbox-input-checked" checked="checked">
  <label for="checkbox-input-checked">Checkbox checked</label>
</div>

<div class="field">
  <input type="radio" id="radio-input" name="radio-group">
  <label for="radio-input">Radio</label>
</div>

<div class="field">
  <input type="radio" id="radio-input-checked" name="radio-group" checked="checked">
  <label for="radio-input-checked">Radio checked</label>
</div>