Navigatie buttons

A-Button

<button class="button"></button>

<a class="button" href=""></a>

<input class="button" type="button" value="">

<input class="button" type="submit" value="">

<input class="button" type="reset" value="">

<button class="button disabled" disabled></button>

<button class="button btn-open"></button>

<button class="button btn-curved"></button>

<button class="button btn-circle"><i class="icon icon-home"></i></button>

<button class="button btn-sm"></button>

<button class="button btn-md"></button>

<button class="button btn-lg"></button>

<div class="dropdown">
  <button class="button">Dropdown menu</button>
  <div class="dropdown-menu">
    <a href="">Menu link</a>
    <a href="">Menu link</a>
    <a href="">Menu link</a>
  </div>
</div>

<div class="dropdown">
  <button class="button">Dropdown tekst</button>
  <div class="dropdown-menu dropdown-text">
    <p>Tekst</p>
  </div>
</div>

<div class="dropdown">
  <button class="button">Dropdown afbeelding</button>
  <div class="dropdown-menu dropdown-img">
    <img alt="" class="image" src="">
  </div>
</div>

info

Tekst

<div class="alert info">
  <span class="button-close"></span>
  <p class="head">info</p>
  <p>Tekst</p>
</div>

De class button-to-top stuurt de pagina naar boven als je op de knop klikt

Plaats de onderstaande code direct onder de <body>

<button class="button-to-top"></button>

Buttons Kleuren

<button class="button color-white"></button>

<button class="button color-black"></button>

<button class="button color-gray"></button>

<button class="button color-blue"></button>

<button class="button color-red"></button>

<button class="button color-orange"></button>

<button class="button color-green"></button>

<button class="button color-lime"></button>

<button class="button color-yellow"></button>

<button class="button color-brown"></button>

<button class="button color-purple"></button>

<button class="button color-pink"></button>