<header class="main-header navbar-light header-sticky header-sticky-smart">
<div class="sticky-area bg-white">
<div class="container container-xxl">
<nav class="navbar navbar-expand-xl px-0 py-2 py-xl-0 d-block">
<div class="d-none d-xl-block">
<div class="row align-items-center">
<div class="col-2 d-none d-xl-block">
<div class="position-relative">
<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-flex align-items-center"><i
class="far fa-search"></i><span
class="d-none d-xl-inline-block ml-2 font-weight-500">Search</span>
</a>
</div>
</div>
<div class="col-xl-8 mx-auto position-static">
<div class="d-flex mt-3 mt-xl-0 align-items-center w-100 justify-content-center">
<ul class="navbar-nav hover-menu main-menu px-0 mx-xl-n4">
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-home dropdown py-2 py-xl-5 px-0 px-xl-4">
<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>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-11.html" >
Home 11
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-12.html" >
Home 12
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown-item-shop dropdown py-2 py-xl-5 px-0 px-xl-4">
<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-10 pt-5 dropdown-menu-listing overflow-hidden x-animated x-fadeInUp">
<div class="container container-xxl">
<div class="row no-gutters w-100">
<div class="col-2">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2 lh-1">
Shop Pages
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-01.html">
Shop Layout <sup>V1</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-02.html">
Shop Layout <sup>V2</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-03.html">
Shop Layout <sup>V3</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-04.html">
Shop Layout <sup>V4</sup>
</a>
</div>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-05.html">
Shop Layout <sup>V5</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-06.html">
Shop Layout <sup>V6</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-07.html">
Shop Layout <sup>V7</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-08.html">
Shop Layout <sup>V8</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-09.html">
Shop Layout <sup>V9</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-10.html">
Shop Layout <sup>V10</sup>
</a>
</div>
</div>
<div class="col-2">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2 lh-1">
Product Page
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-01.html">
Product Layout <sup>V1</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-02.html">
Product Layout <sup>V2</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-03.html">
Product Layout <sup>V3</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-04.html">
Product Layout <sup>V4</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-05.html">
Product Layout <sup>V5</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-06.html">
Product Layout <sup>V6</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-07.html">
Product Layout <sup>V7</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-08.html">
Product Layout <sup>V8</sup>
</a>
</div>
</div>
<div class="col-2">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2 lh-1">
Product Type
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-03.html">
Product Simple
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-05.html">
Product Variable
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-07.html">
Product Time Limit
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-06.html">
Product Grouped
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-09.html">
Product External / Affiliate
</a>
</div>
</div>
<div class="col-2">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2 lh-1">
Other Pages
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../cart.html">
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="../../../stores">
Store
</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 mt-2">
<img src="../../../images/menu.jpg" alt="Image Menu" class="card-img">
<div class="card-img-overlay d-flex flex-column pt-6 pb-5">
<p class="text-white font-weight-600 text-center mb-0">
Spring Season
</p>
<h3 class="text-white fs-40 text-center">Holiday Chairs</h3>
<div class="mt-auto text-center">
<a href="../../../shop-page-03.html" class="btn btn-primary">shop
now</a>
</div>
</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-5 px-0 px-xl-4">
<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>
</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="../../../service.html" >
Service
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../login-register.html" >
Login Register
</a>
</li>
</ul>
</li>
</ul>
<a class="navbar-brand mx-8 mx-xxl-10 d-none d-xl-inline-block"
href="../../../index.html">
<img src="../../../images/logo.png"
alt="Furnitor">
</a>
<ul class="navbar-nav hover-menu main-menu px-0 mx-xl-n4">
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Contact
<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="../../../contact-01.html" >
Contact 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../contact-02.html" >
Contact 02
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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 dropdown dropright">
<a
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Blog Listing
</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="../../../blog-layout-01.html">Blog Layout 01</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-layout-02.html">Blog Layout 02</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-layout-03.html">Blog Layout 03</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-layout-04.html">Blog Layout 04</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Blog Post
</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="../../../blog-post-01.html">Blog Post 01</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="../../../blog-post-02.html">Blog Post 02</a>
</li>
</ul>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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>
<div class="col-2">
<ul class="navbar-nav flex-row justify-content-xl-end d-flex flex-wrap text-body py-0 navbar-right">
<li class="nav-item">
<a class="nav-link pr-3 py-0" href="#">
<i class="far fa-user-alt"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link position-relative px-3 py-0" href="#"><i class="far fa-heart"></i>
<span class="position-absolute number">0</span></a>
</li>
<li class="nav-item">
<a class="nav-link position-relative px-3 menu-cart py-0" href="#" data-canvas="true"
data-canvas-options='{"container":".cart-canvas"}'>
<i class="far fa-shopping-basket"></i>
<span class="position-absolute number">0</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="d-block d-xl-none">
<div class="d-flex align-items-center">
<a href="#" class="nav-search d-flex align-items-center"><i
class="far fa-search"></i><span
class="d-none d-xl-inline-block ml-2 font-weight-500">Search</span> </a>
<div class="mx-auto"><a class="navbar-brand d-inline-block mr-0"
href="../../../index.html">
<img src="../../../images/logo-white.png"
alt="Furnitor">
</a></div>
<button class="navbar-toggler border-0 px-0 d-flex align-items-center"
type="button"
data-toggle="collapse"
data-target="#primaryMenu"
aria-controls="primaryMenu" aria-expanded="false"
aria-label="Toggle navigation">
<span class="text-white fs-24"><i class="fal fa-bars"></i></span>
</button>
</div>
<div class="collapse navbar-collapse mt-3 mt-xl-0" id="primaryMenu">
<ul class="navbar-nav main-menu px-0 mx-xl-n4">
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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">
<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>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-11.html" >
Home 11
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../home-12.html" >
Home 12
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../store.html" data-toggle="dropdown" >
Shop
<span class="caret"></span>
</a>
<div class="dropdown-menu p-0 dropdown-menu-listing x-animated x-fadeInUp">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 my-3">
Shop Pages
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-01.html">
Shop Layout <sup>V1</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-02.html">
Shop Layout <sup>V2</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-03.html">
Shop Layout <sup>V3</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-04.html">
Shop Layout <sup>V4</sup>
</a>
</div>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-05.html">
Shop Layout <sup>V5</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link"
href="../../../shop-page-06.html">
Shop Layout <sup>V6</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-07.html">
Shop Layout <sup>V7</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-08.html">
Shop Layout <sup>V8</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-09.html">
Shop Layout <sup>V9</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../shop-page-10.html">
Shop Layout <sup>V10</sup>
</a>
</div>
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 my-3">
Product Page
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-01.html">
Product Layout <sup>V1</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-02.html">
Product Layout <sup>V2</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-03.html">
Product Layout <sup>V3</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-04.html">
Product Layout <sup>V4</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-05.html">
Product Layout <sup>V5</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-06.html">
Product Layout <sup>V6</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-07.html">
Product Layout <sup>V7</sup>
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-08.html">
Product Layout <sup>V8</sup>
</a>
</div>
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 my-3">
Product Type
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-03.html">
Product Simple
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-05.html">
Product Variable (Color/Size/etc.)
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-07.html">
Product Time Limit
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-06.html">
Product Grouped
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-link" href="../../../product-page-09.html">
Product External / Affiliate
</a>
</div>
<h4 class="dropdown-header text-dark fs-16 my-3">
Shop Page
</h4>
<!-- List -->
<div class="dropdown-item">
<a class="dropdown-link" href="../../../cart.html">
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="../../../stores">
Store
</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>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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">
<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="../../../faqs.html" >
FAQs
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../service.html" >
Service
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../login-register.html" >
Login Register
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="../../../#" data-toggle="dropdown" >
Contact
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3">
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../contact-01.html" >
Contact 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../contact-02.html" >
Contact 02
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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">
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-layout-01.html" >
Blog Layout 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-layout-02.html" >
Blog Layout 02
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-layout-03.html" >
Blog Layout 03
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-layout-04.html" >
Blog Layout 04
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-post-01.html" >
Blog Post 01
</a>
</li>
<li class="dropdown-item">
<a
class="dropdown-link"
href="../../../blog-post-02.html" >
Blog Post 02
</a>
</li>
</ul>
</li>
<li aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<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>
<ul class="navbar-nav flex-row justify-content-xl-end d-flex flex-wrap text-body py-2 navbar-right">
<li class="nav-item">
<a class="nav-link pr-3" href="#">
<i class="far fa-user-alt"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link position-relative px-3" href="#"><i class="far fa-heart"></i>
<span class="position-absolute number">0</span></a>
</li>
<li class="nav-item">
<a class="nav-link position-relative px-3 menu-cart" href="../../../cart.html">
<i class="far fa-shopping-basket"></i>
<span class="position-absolute number">0</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</header>
