<header class="page-head" aria-label="Header">
  <a slot="logo" href="/">
    <img alt="Web Components Guide" width="24" height="24" src="/images/logo.svg" />
  </a>
  <div class="early-badge">
    <div>Beta</div>
  </div>
  {% include 'global-search.html' %}
  <button slot="opener" popovertarget="sidebar-nav">{% icon "menu" %}</button>
  {% include 'global-navigation.html' %}
</header>
