<nav class="navbar navbar-expand-md navbar-light bg-light">
  <a class="navbar-brand" href="/"><img src="/images/oauth-logo-square.png" width="45" alt=""></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item"><a class="nav-link" href="/2/">OAuth 2.0</a></li>
      <li class="nav-item"><a class="nav-link" href="/specs/">Specs</a></li>
      <li class="nav-item"><a class="nav-link" href="/code/">Code</a></li>
      <li class="nav-item"><a class="nav-link" href="/articles/">Articles</a></li>
      <li class="nav-item"><a class="nav-link" href="/videos/">Videos</a></li>
      <li class="nav-item"><a class="nav-link" href="https://events.oauth.net/">Events</a></li>
      <li class="nav-item"><a class="nav-link" href="/books/">Books</a></li>
      <li class="nav-item"><a class="nav-link" href="/security/">Security</a></li>
      <li class="nav-item"><a class="nav-link" href="https://shop.oauth.net/">Merch</a></li>
      <li class="nav-item"><a class="nav-link" href="/about/credits/">About</a></li>
    </ul>
  </div>
</nav>
<div class="print-header">
  <span class="item"><img src="/images/oauth-logo-square.png" width="45" alt=""></span>
  <span class="item">oauth.net<?= $_SERVER['REQUEST_URI'] ?></span>
</div>

