styleguide.html

---
layout: default
title: Styleguide
---

<div class="container">
  <div class="row">
    <div class="col-12">
      <h1 class="display-1">Display 1</h1>
      <h1 class="display-2">Display 2</h1>
      <h1 class="display-3">Display 3</h1>
      <h1 class="display-4">Display 4</h1>
      <h1>h1 heading</h1>
      <h2>h2 heading</h2>
      <h3>h3 heading</h3>
      <h4>h4 heading</h4>
      <h5>h5 heading</h5>
      <h6>h6 heading</h6>
      <p>p pararaph</p>
      <p> <small>small paragraph</small> </p>
      <p> <strong>strong paragraph</strong> </p>

      <button class="btn btn-primary my-5">Primary Button</button>

      <p>Buttons from Bootstrap docs:</p>

      <button type="button" class="btn btn-primary">Primary</button>
      <button type="button" class="btn btn-secondary">Secondary</button>
      <button type="button" class="btn btn-success">Success</button>
      <button type="button" class="btn btn-danger">Danger</button>
      <button type="button" class="btn btn-warning">Warning</button>
      <button type="button" class="btn btn-info">Info</button>
      <button type="button" class="btn btn-light">Light</button>
      <button type="button" class="btn btn-dark">Dark</button>

      <button type="button" class="btn btn-link">Link</button>

      <h3 class="my-4">Links</h3>
      Normal text and:
      <a href="http://www.url.com" target="_blank">anchor text</a> and normal text.
      <br>
      <a href="http://www.url.com" target="_blank" class="btn btn-primary">btn-primary inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-secondary">btn-secondary inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-success">btn-success inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-danger">btn-danger inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-warning">btn-warning inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-light">btn-light inside link</a>
      <a href="http://www.url.com" target="_blank" class="btn btn-dark">btn-dark inside link</a>

      <hr>
      <a href="http://www.url.com" target="_blank" class="btn btn-outline-dark">btn-dark inside link</a>

      <div class="my-5">
      </div>

    </div>
  </div>
</div>