navbar.html

<nav class="navbar is-success
  container" role="navigation" aria-label="main navigation">

  <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
    data-target="navbarBasicExample">
    <span aria-hidden="true"></span>
    <span aria-hidden="true"></span>
    <span aria-hidden="true"></span>
  </a>


  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" href="https://covidkashmir.org">
        <b><span class="icon"><i class="fas fa-virus"></i></span><span> Home</span></b>
      </a>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          <span class="icon"><i class="fas fa-chart-bar"></i></span><span> Data & Viz</span> </a>

        <div class="navbar-dropdown">
          <a class="navbar-item" href="/datalab">
            <span class="icon"><i class="fas fa-chart-bar"></i></span><span> DataLab</span>
          </a>
          <a class="navbar-item" href="/statistics.html">
            <span class="icon"><i class="fas fa-table"></i></span><span> Govt. Statistics</span>
          </a>
          <a class="navbar-item" target="_blank" href="/viz">
            <span class="icon"><i class="fas fa-download"></i></span><span> HQ Daily Visualisations</span>
          </a>
        </div>
      </div>

      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          <span class="icon"><i class="fas fa-question"></i></span><span> FAQs</span> </a>

        <div class="navbar-dropdown">
          <a class="navbar-item" href="/faq.html">
            <span class="icon"><i class="fas fa-question"></i></span><span> COVID-19 F.A.Q (WHO)</span>
          </a>
          <a class="navbar-item" href="mythbuster.html">
            <span class="icon"><i class="fas fa-question"></i></span><span>Myth Buster</span>
          </a>
        </div>
      </div>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          <span class="icon"><i class="fas fa-chart-bar"></i></span><span> Archived</span> </a>

        <div class="navbar-dropdown">
          <a class="navbar-item" href="/gmc.html">
            <b><span class="icon"><i class="fas fa-phone"></i></span><span>GMC On Call Consultations</span></b>
          </a>
          
          <a class="navbar-item" href="/stores.html">
            <b><span class="icon"><i class="fas fa-store"></i></span><span> Home Delivery Stores</span></b>
          </a>
          <a class="navbar-item" href="/phones.html">
            <b><span class="icon"><i class="fas fa-phone"></i></span><span> Phones</span></b>
          </a>
        </div>
      </div>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          <span class="icon"><i class="fas fa-info"></i> </span><span>Links</span> </a>

        <div class="navbar-dropdown">
          <a class="navbar-item" data-record="true" href="https://www.talaashsrinagar.in/" rel="noreferrer" target="_blank">
            <span class="icon"><i class="fas fa-search"></i></span><span>Talaash Srinagar</span>
          </a>
          <a class="navbar-item" data-record="true" href="https://yakjut.org/" rel="noreferrer" target="_blank">
            <span>Yakjut - Collaboration of NGOs</span>
          </a>
          <a class="navbar-item" href="/about.html">
            <span class="icon"><i class="fas fa-info"></i> </span><span>About Project</span>
          </a>
          <a class="navbar-item" href="/press.html">
            <span class="icon"><i class="fas fa-newspaper"></i></span><span>In Press</span>
          </a>
          <a class="navbar-item" href="/sources.html">
            <span class="icon"><i class="fas fa-database"></i></span><span>Our Sources</span>
          </a>
          <a class="navbar-item" href="/datapolicy.html">
            <span class="icon"><i class="fas fa-file-contract"></i></span><span>Data Usage Policy</span>
          </a>
          <a class="navbar-item" href="mailto:contact@covidkashmir.org">
            <span class="icon"><i class="fas fa-envelope-square"></i></span><span>Contact Us</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</nav>