<nav id="menu" class="navbar main-menu rounded-0">
  <div class="container">
    <div class="navbar-header"><span id="category" class="visible-xs">Categories</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="index">Home</a>
      </li>
      <li class="dropdown"><a href="publications" class="dropdown-toggle" data-toggle="dropdown">Publications</a>
        <div class="dropdown-menu">
          <div class="dropdown-inner">               
            <ul class="list-unstyled">
              <li><a href="publications?id=1">Books for Students of Grade 1-5</a></li>
              <li><a href="#">English Novels</a></li>
              <li><a href="#">Children Stories</a></li>
              <li><a href="#">Information Technology</a></li>
              <li><a href="#">Management And Marketing</a></li>
              <li><a href="#">Sinhala Novels</a></li>
            </ul>
          </div>
        </div>
      </li>
      <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Stationery</a>
        <div class="dropdown-menu">
          <div class="dropdown-inner">               
            <ul class="list-unstyled">
              <li><a href="#">ACCESSORIES FOR ARTISTS</a></li>
              <li><a href="#">PARTY DECORATIONS</a></li>
              <li><a href="#">Exercise Books B5</a></li>
              <li><a href="#">Pencil Box</a></li>
              <li><a href="#">STAMO PAD</a></li>
            </ul>
          </div>
        </div>
      </li>
      </ul>
    </div>
  </div>
</nav>