header.html

<link rel="shortcut icon" href="assets/media/favicon.png" type="image/png">
<nav id="nav1" class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a id="nav-title" class="navbar-brand" href="#myPage">Swimming</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a id="nav-home" href="#myPage">HOME</a></li>
        <li><a id="nav-about" href="#about">ABOUT SWIMMING</a></li>
        <li><a id="nav-health" href="#health">HEALTH BENEFITS</a></li>
        <li><a id="nav-pools" href="#pools">POOLS IN KASHMIR</a></li>
        <li><a id="nav-biscoe" href="#biscoe">BISCOE'S CONTRIBUTION</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <span class="glyphicon glyphicon-search"></span></a>
          <ul class="dropdown-menu">
            <form role="form">
              <div class="form-group">
                <input type="search" class="form-control" id="psw" placeholder="Search">
              </div>
             </form>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

<nav id="nav2" class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a id="nav-title" class="navbar-brand" href="index.html">Swimming</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a id="nav-home" href="index.html">HOME</a></li>
        <li><a id="nav-about" href="index.html#about">ABOUT SWIMMING</a></li>
        <li><a id="nav-health" href="index.html#health">HEALTH BENEFITS</a></li>
        <li><a id="nav-pools" href="index.html#pools">POOLS IN KASHMIR</a></li>
        <li><a id="nav-biscoe" href="index.html#biscoe">BISCOE'S CONTRIBUTION</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          <span class="glyphicon glyphicon-search"></span></a>
          <ul class="dropdown-menu">
            <form role="form">
              <div class="form-group">
                <input type="search" class="form-control" id="psw" placeholder="Search">
              </div>
             </form>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>