navbar2.html

<nav class="navbar navbar-expand-md navbar-light bg-light mb-3 animate__animated animate__fadeInDown">
    <div class="container">
      <a class="navbar-brand btn btn-outline-info text-info navRound mb-1" href="#">TTTT</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
  
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item dropdown">
            <a class="nav-link mx-4 btn btn-outline-info text-info dropdown-toggle" data-bs-toggle="dropdown"
              aria-expanded="false">
              Past Events
            </a>
            <ul class="dropdown-menu mx-4" id="ulDrop">
              <li>
                <a href="https://mqt2022.org" class="dropdown-item mx-4 bg-transparent">MQT 2022</a>
              </li>
              <li>
                <a href="http://mqt2019.org" class="dropdown-item mx-4 bg-transparent">MQT 2019</a>
              </li>
            </ul>
          </li>
          {%- endif -%}
          {%- endfor %}
        </ul>
      </div>
    </div>
  </nav>