navbartemplate.html

<!-- Navbar -->
    <div class="w3-top w3-text-white">
     <div class="w3-bar w3-theme-gradient w3-left-align w3-text-white">
      <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right  w3-theme-gradient w3-hover-black w3-text-white" href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
      <a href="index.html" class="w3-bar-item w3-button w3-hover-black w3-text-white"><i class="fa fa-home w3-margin-right"></i>Home</a>
      <a href="index.html#About" class="w3-bar-item w3-button w3-hide-small w3-hover-black w3-text-white">About</a>
      <a href="index.html#Contact" class="w3-bar-item w3-button w3-hide-small w3-hover-black w3-text-white">Contact</a>
      <!--<a href="https://www.facebook.com/Inigo-Glass-Gallery-723537951147841/about/" class="w3-bar-item w3-button w3-hide-small w3-hover-black w3-text-white">Facebook</a>
      <a href="instagram"><a href="https://www.instagram.com/inigo_glassgallery/" class="w3-bar-item w3-button w3-hide-small w3-hover-black w3-text-white">Instagram</a> -->
      
      <a href="events.html" class="w3-bar-item w3-button w3-hide-small w3-hover-black w3-text-white">Events</a>
      
      <div class="w3-dropdown-hover w3-hide-small w3-hover-black w3-text-white">
        <button class="w3-btn w3-text-white w3-hover-black" title="Gallery">Gallery <i class="fa fa-caret-down "></i></button>
        <div class="w3-dropdown-content w3-theme-gradient w3-bar-block w3-text-white">
          <a href="gallery.html" class="w3-bar-item w3-btn w3-hover-black w3-text-white">Functional</a>
          <a href="nonfunctional.html" class="w3-bar-item w3-btn w3-hover-black w3-text-white">Non-Functional</a>
          <a href="pendants.html" class="w3-bar-item w3-btn w3-hover-black w3-text-white">Pendants</a>
        </div>
      </div>

       <!-- Navbar on small screens -->
      <div id="navDemo" class="w3-bar-block w3-theme-d2 w3-hide w3-hide-large w3-hide-medium w3-text-white">
        <a href="index.html" class="w3-bar-item w3-button">Home</a>
        <a href="index.html#About" class="w3-bar-item w3-button">About</a>
        <a href="index.html#Contact" class="w3-bar-item w3-button">Contact</a>
        <!--
        <a href="https://www.facebook.com/Inigo-Glass-Gallery-723537951147841/about/" class="w3-bar-item w3-button">Facebook</a>
        <a href="https://www.instagram.com/inigo_glassgallery/" class="w3-bar-item w3-button">Instagram</a>
        -->
        <a href="events.html" class="w3-bar-item w3-button w3-hover-black w3-text-white">Events</a>
        <a href="gallery.html" class="w3-bar-item w3-button">Functional</a>
        <a href="nonfunctional.html" class="w3-bar-item w3-button">Non-Functional</a>
        <a href="pendants.html" class="w3-bar-item w3-button">Pendants</a>
      </div>
     </div>
    </div>