<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="../home">Shallow Market</a>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarCollapse"
            aria-controls="navbarCollapse"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav me-auto mb-2 mb-md-0 " style="text-align: center;">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="../home"
                  >Home</a
                >
              </li>
              <li class="nav-item">
                <a class="nav-link" href="../market">Market</a>
              </li>
              {% block login %}
              {% endblock login %}
            </ul>
          </div>
        </div>
      </nav>