<header>
<div class="mobile-fix-option"></div>
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa
fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar">
<a href="javascript:void(0)" onclick="openNav()">
<div class="bar-style"><i class="fa fa-bars sidebar-bar" aria-hidden="true"></i>
</div>
</a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<div onclick="closeNav()">
<div class="sidebar-back text-start"><i class="fa fa-angle-left pe-2"
aria-hidden="true"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/fashion.jpg"
alt="" class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">bags</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">footwear</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">watches</a></li>
<li><a href="#">Accessories</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">house of design</a></li>
<li><a href="#">beauty & personal care</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">home & decor</a></li>
<li><a href="#">kitchen</a></li>
</ul>
</nav>
</div>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header>
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark2">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container layout3-menu">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left around-border">
<div class="navbar"><a href="#" onclick="openNav()"><i class="fa fa-bars sidebar-bar"
aria-hidden="true"></i></a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<a href="javascript:void(0)" onclick="closeNav()">
<div class="sidebar-back text-start"><i class="fa fa-angle-left pe-2"
aria-hidden="true"></i> Back</div>
</a>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/bag.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">bags</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">footwear</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">watches</a></li>
<li><a href="#">Accessories</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">house of design</a></li>
<li><a href="#">beauty & personal care</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">home & decor</a></li>
<li><a href="#">kitchen</a></li>
</ul>
</nav>
</div>
</div>
<div class="main-menu-right">
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="absolute-logo">
<div class="brand-logo">
<a href="#"><img alt=""src="assets/images/icon/logo/12.png"></a>
</div>
</div>
<div class="">
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img alt=""src="assets/images/icon/layout4/search.png"
onclick="openSearch()" class="img-fluid blur-up lazyload"><i
class="ti-search" onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit"
class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img alt=""src="assets/images/icon/layout4/setting.png"
class="img-fluid blur-up lazyload"><i class="ti-settings"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img alt=""src="assets/images/icon/layout4/cart.png"
class="img-fluid blur-up lazyload"><i
class="ti-shopping-cart"></i></div>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/bags/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/bags/9.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-2 position-relative w-auto">
<div class="mobile-fix-option"></div>
<div class="top-header">
<div class="container container-lg">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i> My
Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container container-lg layout3-menu">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left around-border">
<div class="navbar d-xl-none">
<a href="javascript:void(0)" onclick="openNav()">
<div class="bar-style"><i class="fa fa-bars sidebar-bar" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="main-menu-right">
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="absolute-logo">
<div class="brand-logo">
<a href="#"><img alt=""src="assets/images/icon/logo/10.png"></a>
</div>
</div>
<div class="">
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img alt=""src="assets/images/icon/layout4/search.png"
onclick="openSearch()" class="img-fluid blur-up lazyload"><i
class="ti-search" onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit"
class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img alt=""src="assets/images/icon/layout4/setting.png"
class="img-fluid blur-up lazyload"><i class="ti-settings"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img alt=""src="assets/images/icon/layout4/cart.png"
class="img-fluid blur-up lazyload"><i
class="ti-shopping-cart"></i></div>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/bags/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/bags/9.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-1">
<div class="mobile-fix-option"></div>
<div class="top-header dark-top">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<nav class="navbar navbar-expand navbar-light p-0 d-md-none d-block">
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item active">
<aclass="nav-link"href="#">Women <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Men</a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Kids</a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Home decor</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="bg-light-xl">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo me-4">
<a href="index.html"><img src="assets/images/icon/logo/13.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
<nav class="navbar navbar-expand-sm navbar-light pe-0 d-none d-md-block">
<buttonclass="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
<li class="nav-item active">
<aclass="nav-link"href="#">Women <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Men</a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Kids</a>
</li>
<li class="nav-item">
<aclass="nav-link"href="#">Home decor</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit"
class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="d-sm-none d-block">
<a href="#" class="btn btn-solid btn-xs btn-rounded">login</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light">
<div class="container">
<div class="col-12">
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span class="new-tag">new</span></a>
</li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>

<header class="header-5 overlay-style">
<div class="mobile-fix-option"></div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/f12.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="top-header">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><img
src="assets/images/icon/white-icon/heart.png" alt=""></a></li>
<li class="onhover-dropdown mobile-account">
<img src="assets/images/icon/white-icon/user.png" alt="">
<ul class="onhover-show-div">
<li>
<a href="#" data-lng="en">
Login
</a>
</li>
<li>
<a href="#" data-lng="es">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/white-icon/loupe.png"
onclick="openSearch()" class="img-fluid blur-up lazyload" alt="">
<i class="ti-search" onclick="openSearch()"></i>
</div>
<div id="search-overlay" class="search-overlay">
<div>
<span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/white-icon/settings.png"
class="img-fluid blur-up lazyload" alt="">
<i class="ti-settings"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/white-icon/cart.png"
class="img-fluid blur-up lazyload" alt="">
<i class="ti-shopping-cart"></i>
</div>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle">
<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
</div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle">
<a href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
</div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons">
<a href="cart.html" class="view-cart">view cart</a>
<a href="#" class="checkout">checkout</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-2">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i>
wishlist</a></li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i> My
Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu border-section border-top-0">
<div class="menu-left">
<div class="navbar"><a href="javascript:void(0)" onclick="openNav()"><i
class="fa fa-bars sidebar-bar" aria-hidden="true"></i></a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a>
<nav>
<a href="javascript:void(0)" onclick="closeNav()">
<div class="sidebar-back text-start"><i class="fa fa-angle-left pe-2"
aria-hidden="true"></i> Back</div>
</a>
<!-- Vertical Menu -->
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">clothing</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/furniture/1.jpg"
alt="" class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">bags</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">footwear</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">watches</a></li>
<li><a href="#">Accessories</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">house of design</a></li>
<li><a href="#">beauty & personal care</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">home & decor</a></li>
<li><a href="#">kitchen</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="brand-logo layout2-logo">
<a href="#"><img src="assets/images/icon/logo/1.png" class="img-fluid blur-up lazyload"
alt=""></a>
</div>
<div class="menu-right pull-right">
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i class="ti-settings"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img class="me-3"
src="assets/images/furniture/product/4.jpg" alt=""></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img class="me-3"
src="assets/images/furniture/product/10.jpg" alt=""></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view cart</a>
<a href="#" class="checkout">checkout</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main-nav-center">
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5 style-light">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark2">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i class="fa fa-bars sidebar-bar"
aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/1.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search d-xl-none d-inline-block">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="fa fa-bars sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar svg-icon-menu">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2" aria-hidden="true"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">fruits & vegetable</a>
</li>
<li><a href="#">eggs, meat, fish</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">food grains</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">bakery & dairy</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">beverages</a></li>
<li><a href="#">snacks</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">beauty product</a></li>
<li><a href="#">gourment</a></li>
<li><a href="#">kitchen, garden</a></li>
<li><a href="#">kitchen, garden</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav id="main-nav" class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-tools header-style">
<div class="mobile-fix-option"></div>
<div class="logo-menu-part">
<div class="container border-bottom-0 rounded-5">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div class="menu-right pull-right">
<div>
<nav id="main-nav">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a
href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="top-header">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><img
src="assets/images/icon/heart-1.png" alt=""></a></li>
<li class="onhover-dropdown mobile-account">
<img src="assets/images/icon/user-1.png" alt="">
<ul class="onhover-show-div">
<li>
<a href="#" data-lng="en">
Login
</a>
</li>
<li>
<a href="#" data-lng="es">
Logout
</a>
</li>
</ul>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt="">
<i class="ti-search" onclick="openSearch()"></i>
</div>
<div id="search-overlay" class="search-overlay">
<div>
<span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit"
class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting-1.png"
class="img-fluid blur-up lazyload" alt="">
<i class="ti-settings"></i>
</div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart-1.png"
class="img-fluid blur-up lazyload" alt="">
<i class="ti-shopping-cart"></i>
</div>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle">
<a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a>
</div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle">
<a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a>
</div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons">
<a href="cart.html" class="view-cart">view cart</a>
<a href="#" class="checkout">checkout</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i class="fa fa-bars sidebar-bar"
aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/29.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
</nav>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="fa fa-bars sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2" aria-hidden="true"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li><a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav class="text-start">
<!-- Sample menu definition -->
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5 color-style" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-contact text-end">
<ul>
<li><i class="fa fa-truck" aria-hidden="true"></i>Track Order</li>
<li class="pe-0"><i class="fa fa-gift" aria-hidden="true"></i>Gift Cards</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i class="fa fa-bars sidebar-bar"
aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/f11.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search ajax-search the-basics" role="form">
<input type="search" placeholder="Search any Device or Gadgets..."
class="nav-search nav-search-field typeahead" aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
</nav>
<div class="top-header d-block">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><img
src="assets/images/icon/white-icon/heart.png" alt=""></a></li>
<li class="onhover-dropdown mobile-account">
<a href="login.html">
<img src="assets/images/icon/white-icon/user.png" alt="">
</a>
</li>
</ul>
</div>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div d-xl-none d-inline-block mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form class="ajax-search">
<div class="form-group the-basics">
<input type="text"
class="form-control typeahead"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="fa fa-bars sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2" aria-hidden="true"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li><a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-6 col-xl-9">
<div class="main-nav-center">
<nav class="text-start">
<!-- Sample menu definition -->
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature</a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xxl-3 d-none d-xxl-inline-block">
<div class="header-options">
<div class="vertical-slider no-arrow">
<div>
<span><i class="ti-truck" aria-hidden="true"></i>Free Shipping on Orders
$100+</span>
</div>
<div>
<span><i class="ti-announcement" aria-hidden="true"></i>Buy One Get Two Free</span>
</div>
<div>
<span><i class="ti-gift" aria-hidden="true"></i>Gift Card for all the season</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)" id="toggle-sidebar-res">
<div class="bar-style"><i class="fa fa-bars sidebar-bar" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/7.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Vegetable or Grocery..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3 category-menu d-none d-xl-block">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="fa fa-bars sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav id="main-nav" class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5 border-style" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-dark">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)" id="toggle-sidebar-res">
<div class="bar-style"><i class="fa fa-bars sidebar-bar" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/29.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search anything here..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search d-xl-none d-inline-block">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part bottom-light">
<div class="container">
<div class="row">
<div class="col-xl-9">
<div class="main-nav-center">
<nav id="main-nav" class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 d-xl-block d-none">
<div class="header-options">
<div class="vertical-slider no-arrow">
<div>
<span><i class="ti-truck" aria-hidden="true"></i>Free Shipping on Orders
$100+</span>
</div>
<div>
<span><i class="ti-announcement" aria-hidden="true"></i>Buy One Get Two Free</span>
</div>
<div>
<span><i class="ti-gift" aria-hidden="true"></i>Gift Card for all the season</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>

<header class="header-style-5 color-style style-classic" id="sticky-header">
<div class="mobile-fix-option"></div>
<div class="top-header top-header-theme">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact">
<ul>
<li>Welcome to Our store Julaso</li>
<li><i class="fa fa-phone" aria-hidden="true"></i>Call Us: 123 - 456 - 7890</li>
</ul>
</div>
</div>
<div class="col-lg-6 text-end">
<ul class="header-dropdown">
<li class="mobile-wishlist"><a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
</li>
<li class="onhover-dropdown mobile-account"><i class="fa fa-user" aria-hidden="true"></i>
My Account
<ul class="onhover-show-div">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">register</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="main-menu">
<div class="menu-left">
<div class="navbar d-block d-xl-none">
<a href="javascript:void(0)">
<div class="bar-style" id="toggle-sidebar-res"><i class="fa fa-bars sidebar-bar"
aria-hidden="true"></i>
</div>
</a>
</div>
<div class="brand-logo">
<a href="index.html"><img src="assets/images/icon/logo/f11.png"
class="img-fluid blur-up lazyload" alt=""></a>
</div>
</div>
<div>
<form class="form_search" role="form">
<input id="query search-autocomplete" type="search"
placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field"
aria-expanded="true">
<button type="submit" name="nav-submit-button" class="btn-search">
<i class="ti-search"></i>
</button>
</form>
</div>
<div class="menu-right pull-right">
<nav class="text-start">
<div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
</nav>
<div>
<div class="icon-nav">
<ul>
<li class="onhover-div mobile-search d-xl-none d-inline-block">
<div><img src="assets/images/icon/search.png" onclick="openSearch()"
class="img-fluid blur-up lazyload" alt=""><i class="ti-search"
onclick="openSearch()"></i></div>
<div id="search-overlay" class="search-overlay">
<div><span class="closebtn" onclick="closeSearch()"
title="Close Overlay">×</span>
<div class="overlay-content">
<div class="container">
<div class="row">
<div class="col-xl-12">
<form>
<div class="form-group">
<input type="text" class="form-control"
id="exampleInputPassword1"
placeholder="Search a Product">
</div>
<button type="submit" class="btn btn-primary"><i
class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="onhover-div d-sm-inline-block d-none">
<a href="compare.html"><img src="assets/images/icon/rotate.png"
class="img-fluid blur-up lazyload"title="compare" alt=""></a>
</li>
<li class="onhover-div mobile-setting">
<div><img src="assets/images/icon/setting.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-settings"></i></div>
<div class="show-div setting">
<h6>language</h6>
<ul>
<li><a href="#">english</a></li>
<li><a href="#">french</a></li>
</ul>
<h6>currency</h6>
<ul class="list-inline">
<li><a href="#">euro</a></li>
<li><a href="#">rupees</a></li>
<li><a href="#">pound</a></li>
<li><a href="#">doller</a></li>
</ul>
</div>
</li>
<li class="onhover-div mobile-cart">
<div><img src="assets/images/icon/cart.png"
class="img-fluid blur-up lazyload" alt=""><i
class="ti-shopping-cart"></i></div>
<span class="cart_qty_cls">0</span>
<ul class="show-div shopping-cart">
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/1.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="media">
<a href="#"><img alt="" class="me-3"
src="assets/images/fashion/product/2.jpg"></a>
<div class="media-body">
<a href="#">
<h4>item name</h4>
</a>
<h4><span>1 x $ 299.00</span></h4>
</div>
</div>
<div class="close-circle"><a href="#"><i class="fa fa-times"
aria-hidden="true"></i></a></div>
</li>
<li>
<div class="total">
<h5>subtotal : <span>$299.00</span></h5>
</div>
</li>
<li>
<div class="buttons"><a href="cart.html" class="view-cart">view
cart</a> <a href="#" class="checkout">checkout</a></div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-part">
<div class="container">
<div class="row">
<div class="col-xl-3">
<div class="category-menu d-none d-xl-block h-100">
<div id="toggle-sidebar" class="toggle-sidebar">
<i class="fa fa-bars sidebar-bar"></i>
<h5 class="mb-0">shop by category</h5>
</div>
</div>
<div class="sidenav fixed-sidebar marketplace-sidebar">
<nav>
<div>
<div class="sidebar-back text-start d-xl-none d-block"><i
class="fa fa-angle-left pe-2" aria-hidden="true"></i> Back</div>
</div>
<ul id="sub-menu" class="sm pixelstrap sm-vertical">
<li><a href="#">TV & Audio</a>
<ul class="mega-menu clothing-menu">
<li>
<div class="row m-0">
<div class="col-xl-4">
<div class="link-section">
<h5>women's fashion</h5>
<ul>
<li><a href="#">dresses</a></li>
<li><a href="#">skirts</a></li>
<li><a href="#">westarn wear</a></li>
<li><a href="#">ethic wear</a></li>
<li><a href="#">sport wear</a></li>
</ul>
<h5>men's fashion</h5>
<ul>
<li><a href="#">sports wear</a></li>
<li><a href="#">western wear</a></li>
<li><a href="#">ethic wear</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<div class="link-section">
<h5>accessories</h5>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
</ul>
</div>
</div>
<div class="col-xl-4">
<a href="#" class="mega-menu-banner"><img
src="assets/images/mega-menu/fashion.jpg" alt=""
class="img-fluid blur-up lazyload"></a>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">air conditioners</a>
<ul>
<li><a href="#">makeup</a></li>
<li><a href="#">skincare</a></li>
<li><a href="#">premium beaty</a></li>
<li><a href="#">more</a>
<ul>
<li><a href="#">fragrances</a></li>
<li><a href="#">luxury beauty</a></li>
<li><a href="#">hair care</a></li>
<li><a href="#">tools & brushes</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Refrigerators</a>
<ul>
<li><a href="#">shopper bags</a></li>
<li><a href="#">laptop bags</a></li>
<li><a href="#">clutches</a></li>
<li><a href="#">purses</a>
<ul>
<li><a href="#">purses</a></li>
<li><a href="#">wallets</a></li>
<li><a href="#">leathers</a></li>
<li><a href="#">satchels</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Washing Machines</a>
<ul>
<li><a href="#">sport shoes</a></li>
<li><a href="#">formal shoes</a></li>
<li><a href="#">casual shoes</a></li>
</ul>
</li>
<li><a href="#">Kitchen & Home</a></li>
<li><a href="#">Gaming Consoles</a></li>
<li><a href="#">cameras</a>
<ul>
<li><a href="#">fashion jewellery</a></li>
<li><a href="#">caps and hats</a></li>
<li><a href="#">precious jewellery</a></li>
<li><a href="#">more..</a>
<ul>
<li><a href="#">necklaces</a></li>
<li><a href="#">earrings</a></li>
<li><a href="#">wrist wear</a></li>
<li><a href="#">accessories</a>
<ul>
<li><a href="#">ties</a></li>
<li><a href="#">cufflinks</a></li>
<li><a href="#">pockets squares</a></li>
<li><a href="#">helmets</a></li>
<li><a href="#">scarves</a></li>
<li><a href="#">more...</a>
<ul>
<li><a href="#">accessory gift sets</a></li>
<li><a href="#">travel accessories</a></li>
<li><a href="#">phone cases</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">belts & more</a></li>
<li><a href="#">wearable</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Heating & Cooling</a></li>
<li><a href="#">All accessories </a></li>
<li><a href="#">All Electronics </a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9">
<div class="main-nav-center">
<nav class="text-start">
<!-- Sample menu definition -->
<ul id="main-menu" class="sm pixelstrap sm-horizontal">
<li>
<div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
aria-hidden="true"></i></div>
</li>
<li><a href="#">Home</a></li>
<li class="mega" id="hover-cls">
<a href="#">feature <div class="lable-nav">new</div></a>
<ul class="mega-menu full-mega-menu">
<li>
<div class="container">
<div class="row">
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>add to cart</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="nursery.html">cart modal
popup</a></li>
<li><a href="vegetables.html">qty.
counter
<i class="fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="bags.html">cart top</a>
</li>
<li><a href="shoes.html">cart bottom</a>
</li>
<li><a href="watch.html">cart left</a>
</li>
<li><a href="tools.html">cart right</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>model</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">Newsletter</a>
</li>
<li><a href="index.html">exit<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="christmas.html">christmas</a>
</li>
<li><a href="furniture-3.html">black
friday</a></li>
<li><a href="fashion-4.html">cyber
monday</a></li>
<li><a href="fashion-6.html">new
year</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>cookie bar</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="index.html">bottom<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
<li><a href="fashion-4.html">bottom
left</a></li>
<li><a href="bicycle.html">bottom
right</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>search</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="marketplace-demo-2.html">ajax
search<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>invoice template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="invoice-1.html">invoice
1</a></li>
<li><a target="_blank"
href="invoice-2.html">invoice
2</a></li>
<li><a target="_blank"
href="invoice-3.html">invoice
3</a></li>
<li><a target="_blank"
href="invoice-4.html">invoice
4</a></li>
<li><a target="_blank"
href="invoice-5.html">invoice
5</a></li>
</ul>
</div>
</div>
</div>
<div class="col mega-box">
<div class="link-section">
<div class="menu-title">
<h5>email template</h5>
</div>
<div class="menu-content">
<ul>
<li><a target="_blank"
href="../email-template/email-order-success.html">order
success</a></li>
<li><a target="_blank"
href="../email-template/email-order-success-two.html">order
success 2</a></li>
<li><a target="_blank"
href="../email-template/email-template.html">email
template</a></li>
<li><a target="_blank"
href="../email-template/email-template-two.html">email
template 2</a></li>
</ul>
</div>
<div class="menu-title mt-2">
<h5>elements</h5>
</div>
<div class="menu-content">
<ul>
<li><a href="elements.html">
elements page<i
class="ms-2 fa fa-bolt icon-trend"
aria-hidden="true"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<img src="assets/images/menu-banner.jpg"
class="img-fluid mega-img">
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="#">shop</a>
<ul>
<li><a href="category-page(top-filter).html">top filter<span
class="new-tag">new</span></a></li>
<li><a href="category-page(modern).html">modern<span
class="new-tag">new</span></a></li>
<li><a href="category-page.html">left sidebar</a></li>
<li><a href="category-page(right).html">right sidebar</a></li>
<li><a href="category-page(no-sidebar).html">no sidebar</a></li>
<li><a href="category-page(sidebar-popup).html">sidebar popup</a>
</li>
<li><a href="category-page(metro).html">metro</a></li>
<li><a href="category-page(full-width).html">full width</a></li>
<li><a href="category-page(infinite-scroll).html">infinite
scroll</a></li>
<li><a href=category-page(3-grid).html>three grid</a></li>
<li><a href="category-page(6-grid).html">six grid</a></li>
<li><a href="category-page(list-view).html">list view</a></li>
</ul>
</li>
<li>
<a href="#">product</a>
<ul>
<li><a href="product-page(360-view).html">360 view <span
class="new-tag">new</span></a></li>
<li><a href="product-page(video-thumbnail).html">video
thumbnail<span class="new-tag">new</span></a></li>
<li>
<a href="#">sidebar</a>
<ul>
<li><a href="product-page.html">left sidebar</a></li>
<li><a href="product-page(right-sidebar).html">right
sidebar</a>
</li>
<li><a href="product-page(no-sidebar).html">no sidebar</a>
</li>
</ul>
</li>
<li>
<a href="#">thumbnail image</a>
<ul>
<li><a href="product-page(left-image).html">left image</a>
</li>
<li><a href="product-page(right-image).html">right image</a>
</li>
<li><a href="product-page(image-outside).html">image
outside</a></li>
</ul>
</li>
<li>
<a href="#">three column</a>
<ul>
<li><a href="product-page(3-col-left).html">thumbnail
left</a>
</li>
<li><a href="product-page(3-col-right).html">thumbnail
right</a>
</li>
<li><a href="product-page(3-column).html">thubnail
bottom</a>
</li>
</ul>
</li>
<li><a href="product-page(4-image).html">four image</a></li>
<li><a href="product-page(sticky).html">sticky</a></li>
<li><a href="product-page(accordian).html">accordian</a></li>
<li><a href="product-page(bundle).html">bundle</a></li>
<li><a href="product-page(image-swatch).html">image swatch </a></li>
<li><a href="product-page(vertical-tab).html">vertical tab</a></li>
</ul>
</li>
<li><a href="#">pages</a>
<ul>
<li>
<a href="#">vendor</a>
<ul>
<li><a href="vendor-dashboard.html">vendor dashboard</a>
</li>
<li><a href="vendor-profile.html">vendor profile</a></li>
<li><a href="become-vendor.html">become vendor</a></li>
</ul>
</li>
<li>
<a href="#">account</a>
<ul>
<li><a href="wishlist.html">wishlist</a></li>
<li><a href="cart.html">cart</a></li>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="login.html">login</a></li>
<li><a href="register.html">register</a></li>
<li><a href="contact.html">contact</a></li>
<li><a href="forget_pwd.html">forget password</a></li>
<li><a href="profile.html">profile</a></li>
<li><a href="checkout.html">checkout</a></li>
<li><a href="order-success.html">order success</a></li>
<li><a href="order-tracking.html">order tracking<span
class="new-tag">new</span></a></li>
</ul>
</li>
<li>
<a href="#">portfolio</a>
<ul>
<li><a href="">grid</a>
<ul>
<li><a href="grid-2-col.html">grid
2</a></li>
<li><a href="grid-3-col.html">grid
3</a></li>
<li><a href="grid-4-col.html">grid
4</a></li>
</ul>
</li>
<li><a href="">masonry</a>
<ul>
<li><a href="masonary-2-grid.html">grid 2</a></li>
<li><a href="masonary-3-grid.html">grid 3</a></li>
<li><a href="masonary-4-grid.html">grid 4</a></li>
<li><a href="masonary-fullwidth.html">full width</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="about-page.html">about us</a></li>
<li><a href="search.html">search</a></li>
<li><a href="review.html">review</a>
</li>
<li>
<a href="#">compare</a>
<ul>
<li><a href="compare.html">compare</a></li>
<li><a href="compare-2.html">compare-2</a></li>
</ul>
</li>
<li><a href="collection.html">collection</a></li>
<li><a href="lookbook.html">lookbook</a></li>
<li><a href="sitemap.html">site map</a>
</li>
<li><a href="404.html">404</a></li>
<li><a href="coming-soon.html">coming soon</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="#">blog</a>
<ul>
<li><a href="blog-page.html">left sidebar</a></li>
<li><a href="blog(right-sidebar).html">right sidebar</a></li>
<li><a href="blog(no-sidebar).html">no sidebar</a></li>
<li><a href="blog-details.html">blog details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>