Header 08

<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 align-items-center no-gutters">
                    <div class="col-5 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-2 d-flex justify-content-center align-items-center">
                        <a class="navbar-brand mx-0 d-block"
                           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="d-xl-flex align-items-center col-5 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="far 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="far 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="far fa-star"></i>
            <span class="position-absolute number">2</span></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="far fa-shopping-bag"></i>
            <span class="position-absolute number">2</span>
        </a>
    </li>
</ul>

                    </div>
                </nav>
            </div>
            <div class="d-block d-xl-none">
                <nav class="navbar navbar-expand-xl px-0 py-2 py-xl-0 align-items-center w-100">
                    <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>
                

Shopping cart

🔥 These products are limited, checkout within 4m34s

Congrats! You are eligible for FREE Shipping

Denim Jacket
Denim Jacket

Size: xl

Color: black

$39.0

High Ankle Jeans
High Ankle Jeans

Size: 4

Color: Dark Blue

$322.0