<header class="navbar navbar-expand-lg navbar-light navbar-end bg-light py-3">
  <div class="container">
    <nav class="js-mega-menu navbar-nav-wrap"> <a class="navbar-brand" href="http://design.openapi.it/demo.ufficiocatastale.com/" aria-label=""> <img  src="assets/img/ufficiocatastale.svg" alt="Ufficio Catastale" width="274" height="60"> </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-default"> <i class="bi-list"></i> </span> <span class="navbar-toggler-toggled"> <i class="bi-x"></i> </span> </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav text-dark">
          <li class="nav-item"><span class="nav-link text-uppercase"><i class="bi bi-person-circle"></i> Ciao Matteo <span class="badge bg-primary rounded-pill">€&nbsp;0,00</span></span></li>
          <div class="d-lg-none d-xl-block d-xl-none d-xxl-none d-xxl-block">
            <li class="nav-item"><a href="ar-profilo.php" class="nav-link text-uppercase"><i class="bi bi-arrow-right-short"></i> Profilo</a> </li>
            <li class="nav-item"><a href="ar-ricarica.php" class="nav-link text-uppercase"><i class="bi bi-arrow-right-short"></i><span> Ricarica credito </span></a></li>
            <li class="nav-item"><a href="ar-storico-acquisti.php" class="nav-link text-uppercase"><i class="bi bi-arrow-right-short"></i> Storico Acquisti</a> </li>
            <li class="nav-item"><a href="ar-invita-un-amico.php" class="nav-link text-uppercase"><i class="bi bi-arrow-right-short"></i> Invita un amico </a> </li>
            <li class="nav-item"><a href="assistenza.php" class="nav-link text-uppercase"><i class="bi bi-arrow-right-short"></i> Contattaci </a></li>
            <div class="dropdown-divider"></div>
            <li class="nav-item"><a class="nav-link text-uppercase" href="http://design.openapi.it/demo.ufficiocatastale.com/"><i class="bi bi-box-arrow-left  text-danger"></i> <span class="test-uppercase text-danger"><strong>ESCI</strong></span> </a> </li>
          </div>
        </ul>
      </div>
    </nav>
  </div>
</header>
