Codigo HTML Menu

<header class="header-content">
      <div class="container content-header">
        <div class="nabvar">
          <div class="brand">
              <h1 class="site-name">Architectural<span>Studio</span></h1>
          </div>
          <div class="contact-info">
            <div class="content-info">
              <svg
               xmlns="http://www.w3.org/2000/svg"
               width="16"
               height="16"
               fill="currentColor"
               class="bi bi-telephone-fill"
               viewBox="0 0 16 16">
               <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
              </svg>
              <a class="phone-number" href="#">(787) 519 65 467</a>
            </div>
          </div><!-- end contact-number -->
            <nav class="nabvar-navigation">
              <ul>
                <li><a class="nabvar-link" href="#">Home</a></li>
                <li><a class="nabvar-link" href="#">About Us</a></li>
                <li><a class="nabvar-link" href="#">Gallery</a></li>
                <li><a class="nabvar-link" href="#">Blog</a></li>
                <li><a class="nabvar-link" href="#">Contact</a></li>
              </ul>
              </nav>
        </div><!-- end nabvar-->
        <div class="slogan-company">
          <h1>Our art is to know how to take advantage of every space</h1>
          <p>lorem ipsum dolor aetmi daesh kiliu jamet</p>
        </div><!-- end slogan-company -->
      </div><!-- end content-header -->
    </header>