---
layout: default
title: Ghost UI · Making publishing beautiful.
---

<header class="page-header">
    <a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
    <h2>Home</h2>
</header>

<section class="page-content">
  <h2 id="buttons-options">Options</h2>
  <p>Use any of the available button classes to quickly create a styled button.</p>
  <div class="bs-example">
    <button type="button" class="btn btn-default">Default</button>
    <button type="button" class="btn btn-default btn-minor">Cancel</button>
    <button type="button" class="btn btn-alt">Alt</button>
    <button type="button" class="btn btn-blue">Blue</button>
    <button type="button" class="btn btn-green">Green</button>
    <button type="button" class="btn btn-red">Red</button>
    <button type="button" class="btn btn-link">Link</button>
  </div>
  <br>
  <div class="bs-example">
    <button type="button" class="button">Default</button>
    <button type="button" class="button-dark">Dark</button>
    <button type="button" class="button-save">Save</button>
    <button type="button" class="button-add">Add</button>
    <button type="button" class="button-delete">Delete</button>
    <button type="button" class="button-info">Info</button>
    <button type="button" class="button-back">Back</button>
  </div>
  <div>
    <h2>Splitbuttons</h2>

    <section class="splitbutton-save">
      <button type="button" data-ember-action="153" class="button-save js-publish-button">Save Draft</button>
      <button class="options up">
        <span class="hidden">Post Settings</span>
      </button> 
    </section>

    <div class="splitbtn">
      <button type="button" class="btn btn-blue">Action</button>
      <button type="button" class="btn btn-blue dropdown-toggle up" data-toggle="dropdown">
        <i class="options"></i>
        <span class="sr-only">Toggle Settings Menu</span>
      </button>
    </div>
  </div>
</section>