Masthead

Acme LabsConsole

XY

<header class="mast">
  <div class="mast-inner">
    <a class="brand" href="#">
      <img class="brand-mark" src="/static/coe-mark.svg" alt="" width="40" height="40">
      <span class="brand-text">
        <span class="brand-name">Acme Labs</span>
        <span class="brand-sub">Console</span>
      </span>
    </a>
    <div class="menu">
      <button class="menu-toggle" type="button" aria-label="Account">
        <span class="avatar">XY</span>
      </button>
    </div>
  </div>
</header>

<div class="menu-panel">
  <div class="menu-who">
    <span class="avatar lg">XY</span>
    <div class="grow">
      <strong>Xyoda</strong>
      <p class="small muted mono">@xyoda</p>
    </div>
  </div>
  <a class="btn block" href="#">Admin desk</a>
  <button class="btn block" type="button">Sign out</button>
</div>