<style>
    .collapse
    {
        margin-top:10px;
    }
</style>
<div class="top-nav navbar navbar-default"><!--header-three-->
			<div class="container">
				<nav class="navbar" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<!--navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav top-nav-info">
							<li><a href="home.html" class="active">HOME</a></li>
							<li class="dropdown grid">
								<a href="products.html">PRODUK</a>
								<!--<ul class="dropdown-menu multi-column menu-two multi-column3">
									<div class="row">
										<div class="col-sm-4 menu-grids">
											<ul class="multi-column-dropdown">
												<li><a class="list" href="products.html">a</a></li>
												<li><a class="list" href="products.html">b</a></li>
												<li><a class="list" href="products.html">c </a></li>
												<li><a class="list" href="products.html">d</a></li>
												<li><a class="list" href="products.html">e</a></li>
												<li><a class="list" href="products.html">f</a></li>
											</ul>
										</div>
									</div>	
								</ul>-->
							</li>				
							<li><a href="promo.html">PROMO DISKON</a></li>
							 <li><a href="bundling.html">PROMO BUNDLING</a></li>
                            <li><a href="promon.html">FLASH SALE</a></li>

                            <li><a href="new.html">NEW ARRIVAL</a></li>
                            <li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">MY ACCOUNT<b class="caret"></b></a>
								<ul class="dropdown-menu multi-column menu-two multi-column3">
									<div class="row">
										<div class="col-sm-4 menu-grids">
											<ul class="multi-column-dropdown">
												<li><a class="list" href="orderlist.html">LIST CUSTOMER ORDER</a></li>
												<li><a class="list" href="openlist.html">OPEN CUSTOMER ORDER</a></li>
												<li><a class="list" href="kirimlist.html">SHIPPED CUSTOMER ORDER </a></li>
                                                <li><a class="list" href="invlist.html">OPEN CUSTOMER INVOICE </a></li>
											</ul>
										</div>
										<div class="col-sm-8 menu-grids">
											<!--<a href="products.html">
												<div class="new-add">
													<h5>30% OFF <br> Today Only</h5>
												</div>	
											</a>-->
										</div>	
										<div class="clearfix"> </div>
									</div>	
								</ul>
							</li>

						</ul> 
						<div class="clearfix"> </div>
						<!--//navbar-collapse-->
						<!--<header class="cd-main-header">
							<ul class="cd-header-buttons">
								<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
							</ul> <!-- cd-header-buttons 
						</header>-->
					</div>
					<!--//navbar-header-->
				</nav>
				<!--<div id="cd-search" class="cd-search">
					<form>
						<input type="search" placeholder="Search...">
					</form>
				</div>-->
			</div>
		</div>
	