navbar.html

        <!-- NAVBAR -->
  <nav class="navbar navbar-main navbar-expand-md navbar-default nav-V2 navbar-scrollUp navbar-fixed" role="navigation">
    <div class="container">
   <!-- Collect the nav links, forms, and other content for toggling -->
   <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav ml-auto">
      <li class="nav-item">
        <a href="{{ url_for('home') }}" class="nav-link" role="button" aria-expanded="false">Home</a>
        </ul>
      </li>
      <li class="nav-item dropdown megaDropMenu">
        <a href="javascript:void(0)" class="nav-link dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="true" aria-expanded="false">Shop</b></a>
        <ul class="dropdown-menu row">
          <li class="col-md-3 col-12">
            <ul class="list-unstyled">
              <li>Products Grid View</li>
              <li><a href="product-grid-left-sidebar.html">Products Sidebar Left</a></li>
              <li><a href="product-grid-right-sidebar.html">Products Sidebar Right</a></li>
              <li><a href="product-grid-3-col-filter.html">Products 3 Columns V1</a></li>
              <li><a href="product-grid-3-col.html">Products 3 Columns V2</a></li>
              <li><a href="product-grid-4-col.html">Products 4 Columns</a></li>
            </ul>
          </li>
          <li class="col-md-3 col-12">
            <ul class="list-unstyled">
              <li>Products List View</li>
              <li><a href="product-list-left-sidebar.html">Products Sidebar Left</a></li>
              <li><a href="product-list-right-sidebar.html">Products Sidebar Right</a></li>
              <li class="listHeading">Others</li>
              <li><a href="single-product.html">Single Product</a></li>
              <li><a href="cart-page.html">Cart Page</a></li>
            </ul>
          </li>
    </ul>
   </div>
          </div>
        </nav>