menu.html

<div class="nav_bar" id="top_nav_bar">
    <a class="home_menu menu_label menu_group" href="home.html">Home</a>
    <a class="product_menu menu_label menu_group" href="product.html">Products</a>
    <div class="account_menu menu_group">
        <div class="menu_label">Accounts</div>
        <div class="dropdown">
            <a href="register.html">Register</a>
            <a href="login.html">Login</a>
            <a href="benefit.html">Member Benifits</a>
            <a href="giftcard.html">Gift Cards</a>
            <a href="wishlist.html">Wishlist</a>
        </div>
    </div>
    <a class="about_menu menu_label menu_group" href="about.html">About Us</a>
    <div class="service_menu menu_group">
        <div class="menu_label">Services</div>
        <div class="dropdown">
            <a href="services.html#delivery">Delivery</a>
            <a href="services.html#collect">Click and Collect</a>
            <a href="services.html#privacy">Privacy Policy</a>
            <a href="services.html#enquiry">Online Enquires</a>
            <a href="services.html#faq">FAQ</a>
            <a href="services.html#contact">Contact Us</a>
        </div>
    </div>
    
    <div class="search-container">
        <input type="text" placeholder="Search.." name="search" aria-label="search box">
        <button type="submit" class="btn btn-secondary">Submit</button>
    </div>
    <a href="javascript:void(0);" class="hamburger" onclick="myFunction()">
        <i class="fa fa-bars"></i>
        <span class="sr-only">hamburger icon</span>
    </a>
</div>