<div class="side-menu">
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".home">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-home fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Home</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".devices">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-desktop fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">devices</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".applications">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-th-large fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">apps</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".websites">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-plane fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">blah</p>
    </a>
  </div>
  <!--
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".bolt">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-bolt fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Bolt</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".contacts">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-users fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Contacts</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".files">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Files</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".music">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-music fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Music</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".email">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Email</p>
    </a>
  </div> -->
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".website">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-folder fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Shares</p>
    </a>
  </div>
  <!-- <div class="button-container" ui-sref-active="active">
    <a ui-sref=".dns">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-connectdevelop fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">DNS</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".sync">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-tablet fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Sync</p>
    </a>
  </div>
  <div class="button-container" ui-sref-active="active">
    <a ui-sref=".photo">
      <button type="button" name="button" class="btn btn-default side-menu-button"><i class="fa fa-picture-o fa-2x" aria-hidden="true"></i></button>
      <p class="button-title">Photo</p>
    </a>
  </div> -->
</div>