<header class="main-header navbar-light header-sticky header-sticky-smart header-08">
<div class="topbar bg-accent py-2 d-none d-xl-block">
<div class="container">
<div class="row">
<div class="col-xl-4 mb-2 mb-xl-0">
<div class="d-flex align-items-center h-100 justify-content-center justify-content-xl-start">
<a href="#"
class="d-flex align-items-center text-primary fs-15 pr-3 border-right border-light-dark">
<span class="d-inline-block mr-2"><i class="fal fa-map-marker-alt"></i></span>
<span>Find a Store</span>
</a>
<a href="#" class="d-flex align-items-center text-primary fs-15 pl-3">
<span class="d-inline-block mr-2"><i class="fal fa-envelope"></i></span>
<span>Newsletter</span>
</a>
</div>
</div>
<div class="col-xl-4 mb-2 mb-xl-0"><p class="mb-0 fs-15 text-primary text-center">Free shipping for
orders over $59 !</p></div>
<div class="col-xl-4">
<div class="d-flex align-items-center justify-content-center justify-content-xl-end h-100">
<div class="dropdown px-3 border-right border-light-dark">
<a href="#" class="dropdown-toggle font-weight-500 fs-15" id="dropdownMenuLanguage"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
English
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLanguage">
<a class="dropdown-item text-primary" href="#">English</a>
<a class="dropdown-item text-primary" href="#">Vietnamese</a>
<a class="dropdown-item text-primary" href="#">Chinese</a>
</div>
</div>
<div class="dropdown pl-3">
<a href="#" class="dropdown-toggle font-weight-500 fs-15" id="dropdownMenuCurrency1"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
USD
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuCurrency1">
<a class="dropdown-item text-primary" href="#">USD</a>
<a class="dropdown-item text-primary" href="#">EURO</a>
<a class="dropdown-item text-primary" href="#">VND</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-xl-block">
<div class="pt-6 pb-7">
<div class="container">
<div class="row">
<div class="col-6 col-xl-3">
<a class="navbar-brand mr-0 d-flex align-items-center h-100 py-0"
href="../../../index.html">
<img src="../../../images/logo.png" alt="Furnitor">
</a>
</div>
<div class="col-xl-6">
<form class="d-flex align-items-center h-100">
<div class="input-group position-relative">
<input type="text"
class="form-control border-0 border-bottom pl-0 border-2x bg-transparent"
placeholder="Search Something...">
<div class="input-group-append position-absolute pos-fixed-right-center">
<button class="input-group-text bg-transparent border-0 text-primary fs-18 px-0"
type="submit"><i
class="far fa-search"></i></button>
</div>
</div>
</form>
</div>
<div class="col-6 col-xl-3 ml-auto">
<div class="d-flex align-items-center justify-content-end h-100">
<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>
</div>
</div>
<div class="sticky-area bg-white">
<div class="d-none d-xl-block">
<div class="border-top-0 border-xl-top">
<div class="container">
<nav class="navbar navbar-expand-xl px-0 py-4 py-xl-0 row w-100 no-gutters">
<div class="col-xl-3">
<div class="dropdown no-caret">
<a href="#"
class="btn dropdown-toggle btn-primary d-flex w-100 text-left align-items-center px-0 px-xl-4 border-0 shadow-none"
id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<div class="toggle-bar"><span class="toggle-icon text-white"></span></div>
<div class="pl-5">Browse Categories</div>
</a>
<div class="dropdown-menu w-100 py-0" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/chair.png" alt="Chair">
</div>
<div class="media-body">Chairs
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/desk.png" alt="Table">
</div>
<div class="media-body">Table
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/fish_bowl.png"
alt="Accessories">
</div>
<div class="media-body">Accessories
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/sofa.png" alt="Sofa">
</div>
<div class="media-body">Sofa
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/plant.png" alt="Plants">
</div>
<div class="media-body">Plants
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/stool.png" alt="Stool">
</div>
<div class="media-body">Stool
</div>
</a>
<a class="dropdown-item media align-items-center border-bottom py-2"
href="#">
<div class="w-28px mr-3">
<img src="../../../images/ladder.png" alt="Stands">
</div>
<div class="media-body">Stands
</div>
</a>
</div>
</div>
</div>
<div class="col-xl-9 d-flex pl-xl-8 position-static">
<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 dropdown dropright">
<a
class="dropdown-link dropdown-toggle"
href="../../../#" data-toggle="dropdown" >
Contact
</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-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 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-item-blog 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-item-docs 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 class="pl-5 border-left-0 border-xl-left ml-auto d-none d-xl-block">
<a href="#" class="d-flex align-items-center justify-content-end h-100">
<span class="d-block mr-2"><i class="far fa-phone-alt"></i></span>Call us
(+1)
866 540
3229</a>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="d-block d-xl-none">
<div class="container">
<nav class="navbar navbar-expand-xl px-0 py-3 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 py-0" href="../../../index.html">
<img src="../../../images/logo.png" alt="Furnitor">
</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>
