Header 03
<header class="main-header navbar-dark header-sticky header-sticky-smart position-absolute fixed-top">
<div class="sticky-area">
<div class="container container-xxl">
<div class="d-none d-xl-block">
<nav class="navbar navbar-expand-xl px-0 py-2 py-xl-0 row no-gutters">
<div class="col-xl-3"><a class="navbar-brand mr-0"
href="../../../index.html">
<img src="../../../images/logo-white.png" alt="Minimog"
class="normal-logo">
<img src="../../../images/logo-black.png" alt="Minimog"
class="sticky-logo">
</a></div>
<div class="mx-auto col-xl-6 d-flex justify-content-center position-static">
<ul class="navbar-nav hover-menu main-menu px-0 mx-xl-n5">
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-home dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../index.html" data-toggle="dropdown" >
Home
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3 x-animated x-fadeInUp">
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-01.html" >
Home 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-02.html" >
Home 02
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-03.html" >
Home 03
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-04.html" >
Home 04
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-05.html" >
Home 05
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-06.html" >
Home 06
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-07.html" >
Home 07
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-08.html" >
Home 08
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-09.html" >
Home 09
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-10.html" >
Home 10
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-shop dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../store.html" data-toggle="dropdown" >
Shop
<span class="caret"></span>
</a>
<div class="dropdown-menu dropdown-menu-xl px-0 pb-8 pt-5 dropdown-menu-listing overflow-hidden x-animated x-fadeInUp">
<div class="container container-xxl d-block">
<div class="row">
<div class="col">
<!-- Heading -->
<h4 class="dropdown-header fs-16 mb-3 lh-1 font-weight-500 p-0">
Shop Pages
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-01.html">
Shop Layout
</a>
<sup>V1</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-02.html">
Shop Layout
</a>
<sup>V2</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-03.html">
Shop Layout
</a>
<sup>V3</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-04.html">
Shop Layout
</a>
<sup>V4</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-05.html">
Shop Layout
</a>
<sup>V5</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-06.html">
Shop Layout
</a>
<sup>V6</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-07.html">
Shop Layout
</a>
<sup>V7</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-08.html">
Shop Layout
</a>
<sup>V8</sup>
</div>
</div>
<div class="col">
<!-- Heading -->
<h4 class="dropdown-header fs-16 mb-3 lh-1 font-weight-500 p-0">
Product Page
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-01.html">
Product Detail
</a>
<sup>V1</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-02.html">
Product Detail
</a>
<sup>V2</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-03.html">
Product Detail
</a>
<sup>V3</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-04.html">
Product Detail
</a>
<sup>V4</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-05.html">
Product Detail
</a>
<sup>V5</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-06.html">
Product Detail
</a>
<sup>V6</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-07.html">
Product Detail
</a>
<sup>V7</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-08.html">
Product Detail
</a>
<sup>V8</sup>
</div>
</div>
<div class="col">
<!-- Heading -->
<h4 class="dropdown-header fs-16 mb-3 lh-1 font-weight-500 p-0">
Product Page
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-09.html">
Product Detail
</a>
<sup>V9</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-10.html">
Product Detail
</a>
<sup>V10</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-11.html">
Product Detail
</a>
<sup>V11</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-12.html">
Product Detail
</a>
<sup>V12</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-13.html">
Product Detail
</a>
<sup>V13</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-14.html">
Product Detail
</a>
<sup>V14</sup>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-detail-15.html">
Product Detail
</a>
<sup>V15</sup>
</div>
</div>
<div class="col">
<!-- Heading -->
<h4 class="dropdown-header fs-16 mb-3 lh-1 font-weight-500 p-0">
Shop Pages
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shopping-cart.html">
Shopping Cart
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../compare.html">
Compare
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../wishlist.html">
Wishlist
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../checkout.html">
Checkout
</a>
</div>
</div>
<div class="col-4 h-100">
<div class="card border-0">
<div class="card-img-top mb-3">
<img src="../../../images/mega-menu-shop.jpg" alt="bg mega menu" class="card-img">
</div>
<div class="card-body p-0">
<h3 class="fs-24 text-capitalize card-title mb-0">The new - season shoes edit</h3>
<a href="../../../shop-page-01.html" class="card-text btn-link-custom">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-pages dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Pages
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3 x-animated x-fadeInUp">
<li class="dropdown-item dropdown dropright">
<a
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
About Us
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3 x-animated x-fadeInLeft">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../about-us-01.html">About Us 01</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../about-us-02.html">About Us 02</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../about-us-03.html">About Us 03</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Contact us
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3 x-animated x-fadeInLeft">
<li class="dropdown-item">
<a class="dropdown-link" href="../../../contact-us-01.html">Contact Us 01</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../contact-us-02.html">Contact Us 02</a>
</li>
</ul>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../faqs.html" >
FAQs
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../find-a-store.html" >
Store
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-blog dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Blog
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3 x-animated x-fadeInUp">
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-grid-3-columns.html" >
Blog Grid 3 Columns
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-grid-4-columns.html" >
Blog Grid 4 Columns
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-grid-sidebar.html" >
Blog Grid Sidebar
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-list.html" >
Blog List
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-detail-01.html" >
Blog Detail 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-detail-02.html" >
Blog Detail 02
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-detail-03.html" >
Blog Detail 03
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-detail-04.html" >
Blog Detail 04
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-dashboard dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Dashboard
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3 x-animated x-fadeInUp">
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/dashboard.html" >
Dashboard
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/dashboard-product-grid.html" >
Products
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/order-list.html" >
Orders
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/sellers-cards.html" >
Sellers
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/add-product-1.html" >
Add Product
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/transactions-1.html" >
Transaction
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/review.html" >
Reviews
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/brand.html" >
Brands
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/statistics.html" >
Statistics
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../dashboard/setting-sample-1.html" >
Settings
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-docs dropdown py-2 py-xl-4 px-0 px-xl-2 px-xxl-5">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Docs
<span class="caret"></span>
</a>
<div class="dropdown-menu px-0 pt-3 dropdown-menu-docs x-animated x-fadeInUp">
<div class="dropdown-body">
<a class="dropdown-item py-1"
href="../../getting-started/dev-environment-setup.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-file-alt"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Documentation</span>
<small class="d-block">Kick-start customization</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="../../content/typography.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-layer-group"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">UI Kit<span
class="badge badge-danger ml-2">50+</span></span>
<small class="d-block">Flexible components</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="../../getting-started/changelog.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-edit"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Changelog<span
class="badge badge-success ml-2">v1.1.0</span></span>
<small class="d-block">Regular updates</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="https://sp.g5plus.net/" target="_blank">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-life-ring"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Support</span>
<small class="d-block">https://sp.g5plus.net/</small>
</div>
</div>
</a>
</div>
</div>
</li>
</ul>
</div>
<div class="col-xl-3 position-relative">
<div class="d-flex align-items-center justify-content-end">
<ul class="navbar-nav flex-row justify-content-xl-end align-items-center d-flex flex-wrap py-0 navbar-right">
<li class="nav-item" data-toggle="tooltip" title="Account">
<a class="nav-link px-3 py-0" href="../../../dashboard/dashboard.html">
<i class="fal fa-user-alt"></i>
</a>
</li>
<li class="nav-item" data-toggle="tooltip" title="Search">
<a href="#search-popup" data-gtf-mfp="true"
data-mfp-options='{"type":"inline","focus": "#keyword","mainClass": "mfp-search-form mfp-move-from-top mfp-align-top"}'
class="nav-link nav-search d-flex align-items-center px-3">
<i class="fal fa-search"></i>
</a>
</li>
<li class="nav-item" data-toggle="tooltip" title="Wishlist">
<a class="nav-link position-relative px-3 py-0" href="../../../wishlist.html">
<i class="fal fa-star"></i>
</a>
</li>
<li class="nav-item" data-toggle="tooltip" title="Cart">
<a class="nav-link position-relative px-3 menu-cart py-0 d-inline-flex align-items-center mr-n2" href="#" data-canvas="true"
data-canvas-options='{"container":".cart-canvas"}'>
<i class="fal fa-shopping-bag"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="d-block d-xl-none">
<nav class="navbar navbar-expand-xl px-0 py-2 py-xl-0 w-100 align-items-center">
<button class="navbar-toggler border-0 px-0 canvas-toggle" type="button"
data-canvas="true"
data-canvas-options='{"width":"250px","container":".sidenav"}'>
<span class="fs-24 toggle-icon"></span>
</button>
<a class="navbar-brand d-inline-block mx-auto" href="../../../index.html">
<img src="../../../images/logo-white.png" alt="Minimog"
class="normal-logo">
<img src="../../../images/logo-black.png" alt="Minimog"
class="sticky-logo">
</a>
<a href="#search-popup" data-gtf-mfp="true"
data-mfp-options='{"type":"inline","focus": "#keyword","mainClass": "mfp-search-form mfp-move-from-top mfp-align-top"}'
class="nav-search d-block py-0" title="Search"><i
class="far fa-search"></i></a>
</nav>
</div>
</div>
</div>
</header>
