<header
  class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
  <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
    <img src="/img/logo.png" width="200" height="55" alt="HamroCourse">
  </a>
  <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
    <li><a href="/" class="nav-link px-2 link-secondary">Home</a></li>
    <li><a href="/about" class="nav-link px-2 link-secondary">About</a></li>
    <li><a href="/notes" class="nav-link px-2 link-secondary">Submit</a></li>
  </ul>
</header>