<nav class="menu-classic" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item</a>
</li>
<li class="dropdown">
<a href="#">Menu item</a>
<ul>
<li class="dropdown-submenu">
<a>Dropdown</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li class="dropdown-submenu">
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</li>
</ul>
<div class="menu-right">
<!--SEARCH A-->
<form role="search" method="get" id="searchform" class="search-bar">
<input type="text" class="form-control" placeholder="Search for...">
<input type="submit" value="Go">
</form>
<!--SEARCH B-->
<form role="search" method="get" id="searchform" class="search-btn">
<div class="search-box-menu">
<input type="text" placeholder="Search ...">
<i></i>
</div>
</form>
<!--SOCIAL ICONS-->
<div class="icon-links icon-social social-colors-hover">
<a target="_blank" class="facebook" href="#"><i class="icon-facebook"></i></a>
<a target="_blank" class="twitter" href="#"><i class="icon-twitter"></i></a>
<a target="_blank" class="linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
<!--SHOP MENU-->
<div class="shop-menu-cnt">
<i><span class="cart-count">0</span></i>
<div class="shop-menu">
<ul class="shop-cart">
<li class="cart-item">
<img src="image.jpg" alt="">
<div class="cart-content">
<h5>Product 1</h5>
<span class="cart-quantity">
1 x $99.00
</span>
</div>
</li>
<li class="cart-item">
<img src="image.jpg" alt="">
<div class="cart-content">
<h5>Product 2</h5>
<span class="cart-quantity">
1 x $99.00
</span>
</div>
</li>
</ul>
<p class="cart-total">
Subtotal: <span>$299.00</span>
</p>
<p class="cart-buttons">
<a href="#" class="cart-view">View Cart</a>
<a href="#" class="cart-checkout">Checkout</a>
</p>
</div>
</div>
<!--LAN MEMU-->
<ul class="lan-menu">
<li class="dropdown">
<a href="#"><img src="image.jpg" />EN </a>
<ul>
<li><a href="#"><img src="image.jpg" />IT</a></li>
</ul>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</nav>
<nav class="menu-classic" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
</div>
</nav>
<nav class="menu-top-logo" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
</div>
</nav>
<nav class="menu-icon" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#"><i class="im-paper-plane"></i>Menu item</a>
</li>
<li class="dropdown">
<a href="#"><i class="im-paper-plane"></i>Menu item</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</li>
<li>
<a href="#"><i class="im-paper-plane"></i>Menu item</a>
</li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
</div>
</nav>
<nav class="menu-subline">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
<div class="subline-bar">
<div class="container">
<ul></ul>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</div>
</div>
</div>
</nav>
<nav class="menu-subtitle" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item<span>Subtitle</span></a>
</li>
<li>
<a href="#">Menu item<span>Subtitle</span></a>
</li>
<li>
<a href="#">Menu item<span>Subtitle</span></a>
</li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
</div>
</nav>
<nav class="menu-bg-box" data-menu-anima="fade-in">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
</ul>
<div class="menu-right">
</div>
<div class="clear"></div>
</div>
<div class="menu-box">
<div class="row">
<div class="col-lg-4">
<div class="icon-box icon-box-left">
<i class="im-phone"></i>
<div class="caption">
<h3 class="text-sm">1-700-(568-852)</h3>
<p class="text-xs">We're on call 24/7</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon-box icon-box-left">
<i class="im-clock"></i>
<div class="caption">
<h3 class="text-sm">Mon - Fri 08:00 - 20:00</h3>
<p class="text-xs">Operating Hours</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="icon-box icon-box-left">
<i class="im-envelope"></i>
<div class="caption">
<h3 class="text-sm">example@company.com</h3>
<p class="text-xs">Write to Us</p>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<nav class="menu-side">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="logo.png" alt="logo" />
<img class="logo-retina" src="logo.png" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
<li>
<a href="#">Menu item</a>
</li>
</ul>
</div>
<div class="bottom-area">
<div class="lan-menu">
<a href="#">
<img src="image.jpg" />
</a>
<a href="#">
<img src="image.jpg" />
</a>
</div>
<div class="icon-links icon-social social-colors-hover align-center">
<a target="_blank" class="facebook" href="#"><i class="icon-facebook"></i></a>
<a target="_blank" class="twitter" href="#"><i class="icon-twitter"></i></a>
<a target="_blank" class="linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
<p>© Copyright 2018. All rights reserved. </p>
</div>
</nav>
<nav class="menu-classic" data-menu-anima="fade-in">
<div class="menu-mini scroll-hide">
<div class="container">
<ul>
<li><i class="im-phone"></i> (02) 1234556789</li>
<li><i class="im-envelope"></i> example@company.com</li>
</ul>
<div class="menu-right">
<form role="search" method="get" id="searchform" class="search-bar">
<input type="text" class="form-control" placeholder="Search for...">
<input type="submit" value="Go">
</form>
<!--SOCIAL ICONS-->
<div class="icon-links icon-social social-colors-hover">
<a target="_blank" class="facebook" href="#"><i class="icon-facebook"></i></a>
<a target="_blank" class="twitter" href="#"><i class="icon-twitter"></i></a>
<a target="_blank" class="linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
<!--LAN MEMU-->
<ul class="lan-menu">
<li class="dropdown">
<a href="#"><img src="image.jpg" />EN </a>
<ul>
<li><a href="#"><img src="image.jpg" />IT</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--MAIN MENU -->
<div class="container">
</div>
</nav>
<li>
<a href="#">Menu item</a>
</li>
<li class="dropdown">
<a href="#">Menu item</a>
<div class="mega-menu">
<div class="col">
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
</div>
</li>
<li class="mega-dropdown">
<a href="#">Menu item</a>
<div class="mega-menu">
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
</div>
</li>
<li class="mega-dropdown mega-tabs">
<a href="#">Tabs mega dropdown</a>
<div class="mega-menu">
<div class="tab-box" data-tab-anima="fade-in">
<ul class="tab-nav">
<li class="active"><a href="#">Tab name</a></li>
<li><a href="#">Tab name</a></li>
</ul>
<div class="panel active">
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
<div class="col">
<h5>Header</h5>
<ul class="icon-list">
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
<li><i class="im-paper-plane"></i> <a href="#">Menu item</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Dropdown multi level</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li class="dropdown-submenu">
<a>Dropdown</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li class="dropdown-submenu">
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<form role="search" method="get" id="searchform" class="search-bar">
<input type="text" class="form-control" placeholder="Search ...">
<input type="submit" value="Go">
</form>
<form role="search" method="get" id="searchform" class="search-btn">
<div class="search-box-menu">
<input type="text" placeholder="Search ...">
<i></i>
</div>
</form>
<div class="icon-links icon-social social-colors-hover">
<a target="_blank" class="facebook" href="#"><i class="icon-facebook"></i></a>
<a target="_blank" class="twitter" href="#"><i class="icon-twitter"></i></a>
<a target="_blank" class="linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
<div class="shop-menu-cnt shop-menu-empty">
<i><span class="cart-count">0</span></i>
<div class="shop-menu">
<ul class="shop-cart">
<li class="cart-item">
<img src="image.jpg">
<div class="cart-content">
<h5>Product 1</h5>
<span class="cart-quantity">
1 x $99.00
</span>
</div>
</li>
<li class="cart-item">
<img src="image.jpg">
<div class="cart-content">
<h5>Product 2</h5>
<span class="cart-quantity">
1 x $99.00
</span>
</div>
</li>
</ul>
<p class="cart-total">
Subtotal: <span>$299.00</span>
</p>
<p class="cart-buttons">
<a href="#" class="cart-view">View Cart</a>
<a href="#" class="cart-checkout">Checkout</a>
</p>
</div>
</div>
<ul class="lan-menu">
<li class="dropdown">
<a href="#"><img src="flag.jpg" />EN </a>
<ul>
<li><a href="#"><img src="flag.jpg" />IT</a></li>
<li><a href="#"><img src="flag.jpg" />ES</a></li>
</ul>
</li>
</ul>