Nav Menus

Nav Menus 1

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                              <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                              </svg>          
                              <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                              </svg>          
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNav">
                              <ul class="navbar-nav m-auto">
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link active" href="#" role="button" id="landing" data-toggle="dropdown" aria-expanded="false">Landing <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                      <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                      <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                    </svg>
                                  </a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single">
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/saas-style-one.html">Saas style one</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-two.html">Saas style two</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-three.html">Saas style three</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard.html">Dashboard light</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard-dark.html">Dashboard dark</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/education.html">Education <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../templates/portfolio.html">Portfolio</a></li>
                                        <li><a class="dropdown-item" href="../templates/travel.html">Travel</a></li>
                                        <li><a class="dropdown-item" href="../templates/agency.html">Agency</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/studio.html">Studio</a></li>
                                        <li><a class="dropdown-item" href="../templates/ecommerce.html">Ecommerce</a></li>
                                        <li><a class="dropdown-item" href="../templates/clinic.html">Clinic</a></li>
                                        <li><a class="dropdown-item" href="../templates/magazine.html">News</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link" href="#" role="button" id="single" data-toggle="dropdown" aria-expanded="false">Pages <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single">
                                    <li>
                                      <small class="d-block">Jobs</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/job-opening.html">Opening</a></li>
                                        <li><a class="dropdown-item" href="../pages/job-listing.html">Listing</a></li>
                                      </ul>
                                      <small class="d-block">Misc</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/404.html">404</a></li>
                                        <li><a class="dropdown-item" href="../pages/coming-soon.html">Coming soon</a></li>
                                        <li><a class="dropdown-item" href="../pages/maintenance.html">Maintenance</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Company</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/help-center.html">Help Center</a></li>
                                        <li><a class="dropdown-item" href="../pages/pricing.html">Pricing</a></li>
                                        <li><a class="dropdown-item" href="../pages/about-style1.html">About <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../pages/contact.html">Contact</a></li>
                                        <li><a class="dropdown-item" href="../pages/legal.html">Legal</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Account</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Login</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/login.html">Cover</a></li>
                                        <li><a class="dropdown-item" href="../pages/login-simple.html">Simple</a></li>
                                      </ul>
                                      <small class="d-block">Gallery</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/gallery-mansorny.html">Mansorny</a></li>
                                        <li><a class="dropdown-item" href="../pages/grid-gallery.html">Grid</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="dashboard" data-toggle="dropdown" aria-expanded="false">Blog <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="dashboard">
                                    <li><a class="dropdown-item" href="../blog/blog-home1.html">Home full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-home2.html">Home sidebar <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post-sidebar.html">Article full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post.html">Article sidebar</a></li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="docs" data-toggle="dropdown" aria-expanded="false">Docs <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="docs">
                                    <li><a class="dropdown-item" href="../documentation/index.html">Documentation</a></li>
                                    <li><a class="dropdown-item" href="#">Snippets <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">Build</span></a></li>
                                  </ul>
                                </li>
                              </ul>
                              <a href="javascript:void(0);" class="btn btn-lg btn-primary my-3 my-lg-0">Buy Now</a>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Nav Menus 2

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
                              <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                              </svg>          
                              <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                              </svg>          
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNav2">
                              <ul class="navbar-nav m-auto">
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link active" href="#" role="button" id="landing15" data-toggle="dropdown" aria-expanded="false">Landing <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                      <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                      <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                    </svg>
                                  </a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="landing15">
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/saas-style-one.html">Saas style one</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-two.html">Saas style two</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-three.html">Saas style three</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard.html">Dashboard light</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard-dark.html">Dashboard dark</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/education.html">Education <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../templates/portfolio.html">Portfolio</a></li>
                                        <li><a class="dropdown-item" href="../templates/travel.html">Travel</a></li>
                                        <li><a class="dropdown-item" href="../templates/agency.html">Agency</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/studio.html">Studio</a></li>
                                        <li><a class="dropdown-item" href="../templates/ecommerce.html">Ecommerce</a></li>
                                        <li><a class="dropdown-item" href="../templates/clinic.html">Clinic</a></li>
                                        <li><a class="dropdown-item" href="../templates/magazine.html">News</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link" href="#" role="button" id="single54" data-toggle="dropdown" aria-expanded="false">Pages <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single54">
                                    <li>
                                      <small class="d-block">Jobs</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/job-opening.html">Opening</a></li>
                                        <li><a class="dropdown-item" href="../pages/job-listing.html">Listing</a></li>
                                      </ul>
                                      <small class="d-block">Misc</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/404.html">404</a></li>
                                        <li><a class="dropdown-item" href="../pages/coming-soon.html">Coming soon</a></li>
                                        <li><a class="dropdown-item" href="../pages/maintenance.html">Maintenance</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Company</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/help-center.html">Help Center</a></li>
                                        <li><a class="dropdown-item" href="../pages/pricing.html">Pricing</a></li>
                                        <li><a class="dropdown-item" href="../pages/about-style1.html">About <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../pages/contact.html">Contact</a></li>
                                        <li><a class="dropdown-item" href="../pages/legal.html">Legal</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Account</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Login</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/login.html">Cover</a></li>
                                        <li><a class="dropdown-item" href="../pages/login-simple.html">Simple</a></li>
                                      </ul>
                                      <small class="d-block">Gallery</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/gallery-mansorny.html">Mansorny</a></li>
                                        <li><a class="dropdown-item" href="../pages/grid-gallery.html">Grid</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="dashboard45" data-toggle="dropdown" aria-expanded="false">Blog <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="dashboard45">
                                    <li><a class="dropdown-item" href="../blog/blog-home1.html">Home full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-home2.html">Home sidebar <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post-sidebar.html">Article full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post.html">Article sidebar</a></li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="docs54" data-toggle="dropdown" aria-expanded="false">Account <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="docs54">
                                    <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                    <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                    <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                    <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                  </ul>
                                </li>
                              </ul>
                              <div class="dropdown">
                                <a class="nav-link text-primary" href="#" role="button" id="docs2" data-toggle="dropdown" aria-expanded="false">Docs <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                  <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#0d6efd"></path>
                                </svg></a>
                                <ul class="dropdown-menu shadow-lg border-0" aria-labelledby="docs2">
                                  <li><a class="dropdown-item" href="../documentation/index.html">Documentation</a></li>
                                  <li><a class="dropdown-item" href="#">Snippets <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">Build</span></a></li>
                                </ul>
                              </div>
                              <a href="javascript:void(0);" class="btn btn-lg btn-primary my-3 my-lg-0">Buy Now</a>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Nav Menus 3

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <div class="header-icon order-lg-2 d-flex ml-auto align-items-center">
                              <a href="javascript:void(0);" class="position-relative">
                                <svg data-name="icons/tabler/notification" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Notification background" width="16" height="16" fill="none"></rect>
                                  <path d="M4.108,13.087l0-.164v-.205H.617a.616.616,0,0,1-.3-1.151,2.668,2.668,0,0,0,1.3-1.773l.024-.153V7.151A6.328,6.328,0,0,1,4.861,1.915l.1-.053,0-.012A2.246,2.246,0,0,1,7.043,0L7.18,0A2.252,2.252,0,0,1,9.372,1.715l.03.147.1.053a6.371,6.371,0,0,1,3.2,5.027l.015.237,0,2.388a2.677,2.677,0,0,0,1.334,2,.616.616,0,0,1-.22,1.146l-.084.005H10.257v.205a3.077,3.077,0,0,1-6.15.164Zm1.227-.164a1.846,1.846,0,0,0,3.688.126l0-.126v-.205H5.334ZM6.161,2.152l-.008.158,0,.03-.016.08L6.107,2.5l-.036.071L6.047,2.6,6,2.667l-.024.025-.033.031-.066.049-.073.04A5.131,5.131,0,0,0,2.887,6.973l-.014.206,0,2.535a3.917,3.917,0,0,1-.626,1.694l-.056.079h9.991l0-.008a4,4,0,0,1-.655-1.634l-.029-.2V7.208a5.116,5.116,0,0,0-2.93-4.4.613.613,0,0,1-.346-.468l-.006-.088a1.026,1.026,0,0,0-2.046-.1Z" transform="translate(1)" fill="#1e1e1e"></path>
                                </svg>
                                <span class="position-absolute top-0 left-100 translate-middle rounded-circle bg-primary p-1"><span class="visually-hidden">unread messages</span></span>                          
                              </a>
                              <a href="javascript:void(0);" class="ml-4">
                                <svg data-name="icons/tabler/user" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/User background" width="16" height="16" fill="none"></rect>
                                  <path d="M11.334,16H.667a.665.665,0,0,1-.661-.568L0,15.343v-1.75A4.179,4.179,0,0,1,4.029,9.44l.193,0H7.778A4.186,4.186,0,0,1,12,13.4l0,.191v1.75a.661.661,0,0,1-.576.651ZM4.222,10.749a2.869,2.869,0,0,0-2.884,2.683l-.005.162v1.094h9.334V13.594A2.857,2.857,0,0,0,8.1,10.767l-.162-.013-.164,0ZM6,8.314A4.2,4.2,0,0,1,1.778,4.157a4.223,4.223,0,0,1,8.445,0A4.2,4.2,0,0,1,6,8.314Zm0-7A2.87,2.87,0,0,0,3.111,4.157a2.889,2.889,0,0,0,5.778,0A2.87,2.87,0,0,0,6,1.313Z" transform="translate(2)" fill="#1e1e1e"></path>
                                </svg>                           
                              </a>
                              <a href="javascript:void(0);" class="ml-4 d-none d-lg-block">
                                <svg data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                  <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                                </svg>              
                              </a>
                            </div>
                            <button class="navbar-toggler collapsed ml-4" type="button" data-toggle="collapse" data-target="#navbarNav5" aria-controls="navbarNav5" aria-expanded="false" aria-label="Toggle navigation">
                              <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                              </svg>          
                              <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                              </svg>          
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNav5">
                              <ul class="navbar-nav m-auto">
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link active" href="#" role="button" id="landing78" data-toggle="dropdown" aria-expanded="false">Landing <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                      <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                      <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                    </svg>
                                  </a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="landing78">
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/saas-style-one.html">Saas style one</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-two.html">Saas style two</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-three.html">Saas style three</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard.html">Dashboard light</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard-dark.html">Dashboard dark</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/education.html">Education <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../templates/portfolio.html">Portfolio</a></li>
                                        <li><a class="dropdown-item" href="../templates/travel.html">Travel</a></li>
                                        <li><a class="dropdown-item" href="../templates/agency.html">Agency</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/studio.html">Studio</a></li>
                                        <li><a class="dropdown-item" href="../templates/ecommerce.html">Ecommerce</a></li>
                                        <li><a class="dropdown-item" href="../templates/clinic.html">Clinic</a></li>
                                        <li><a class="dropdown-item" href="../templates/magazine.html">News</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link" href="#" role="button" id="single16" data-toggle="dropdown" aria-expanded="false">Pages <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single16">
                                    <li>
                                      <small class="d-block">Jobs</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/job-opening.html">Opening</a></li>
                                        <li><a class="dropdown-item" href="../pages/job-listing.html">Listing</a></li>
                                      </ul>
                                      <small class="d-block">Misc</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/404.html">404</a></li>
                                        <li><a class="dropdown-item" href="../pages/coming-soon.html">Coming soon</a></li>
                                        <li><a class="dropdown-item" href="../pages/maintenance.html">Maintenance</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Company</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/help-center.html">Help Center</a></li>
                                        <li><a class="dropdown-item" href="../pages/pricing.html">Pricing</a></li>
                                        <li><a class="dropdown-item" href="../pages/about-style1.html">About <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../pages/contact.html">Contact</a></li>
                                        <li><a class="dropdown-item" href="../pages/legal.html">Legal</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Account</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Login</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/login.html">Cover</a></li>
                                        <li><a class="dropdown-item" href="../pages/login-simple.html">Simple</a></li>
                                      </ul>
                                      <small class="d-block">Gallery</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/gallery-mansorny.html">Mansorny</a></li>
                                        <li><a class="dropdown-item" href="../pages/grid-gallery.html">Grid</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="dashboard19" data-toggle="dropdown" aria-expanded="false">Blog <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="dashboard19">
                                    <li><a class="dropdown-item" href="../blog/blog-home1.html">Home full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-home2.html">Home sidebar <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post-sidebar.html">Article full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post.html">Article sidebar</a></li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="docs20" data-toggle="dropdown" aria-expanded="false">Docs <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="docs20">
                                    <li><a class="dropdown-item" href="../documentation/index.html">Documentation</a></li>
                                    <li><a class="dropdown-item" href="#">Snippets <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">Build</span></a></li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Nav Menus 4

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <div class="header-icon order-lg-2 d-flex ml-auto align-items-center">
                              <a href="#" class="avatar avatar-sm avatar-circle avatar-border-sm">
                                <img class="avatar-img" src="../assets/svg/icons/avatar1.svg" alt="Avatars">
                              </a>
                              <a href="javascript:void(0);" class="ml-4 d-none d-lg-block">
                                <svg data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                  <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                                </svg>              
                              </a>
                            </div>
                            <button class="navbar-toggler collapsed ml-4" type="button" data-toggle="collapse" data-target="#navbarNav8" aria-controls="navbarNav8" aria-expanded="false" aria-label="Toggle navigation">
                              <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                              </svg>          
                              <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                              </svg>          
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNav8">
                              <ul class="navbar-nav m-auto">
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link active" href="#" role="button" id="landing21" data-toggle="dropdown" aria-expanded="false">Landing <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                      <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                      <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                    </svg>
                                  </a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="landing21">
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/saas-style-one.html">Saas style one</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-two.html">Saas style two</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-three.html">Saas style three</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard.html">Dashboard light</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard-dark.html">Dashboard dark</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/education.html">Education <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../templates/portfolio.html">Portfolio</a></li>
                                        <li><a class="dropdown-item" href="../templates/travel.html">Travel</a></li>
                                        <li><a class="dropdown-item" href="../templates/agency.html">Agency</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/studio.html">Studio</a></li>
                                        <li><a class="dropdown-item" href="../templates/ecommerce.html">Ecommerce</a></li>
                                        <li><a class="dropdown-item" href="../templates/clinic.html">Clinic</a></li>
                                        <li><a class="dropdown-item" href="../templates/magazine.html">News</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link" href="#" role="button" id="single22" data-toggle="dropdown" aria-expanded="false">Pages <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single22">
                                    <li>
                                      <small class="d-block">Jobs</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/job-opening.html">Opening</a></li>
                                        <li><a class="dropdown-item" href="../pages/job-listing.html">Listing</a></li>
                                      </ul>
                                      <small class="d-block">Misc</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/404.html">404</a></li>
                                        <li><a class="dropdown-item" href="../pages/coming-soon.html">Coming soon</a></li>
                                        <li><a class="dropdown-item" href="../pages/maintenance.html">Maintenance</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Company</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/help-center.html">Help Center</a></li>
                                        <li><a class="dropdown-item" href="../pages/pricing.html">Pricing</a></li>
                                        <li><a class="dropdown-item" href="../pages/about-style1.html">About <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../pages/contact.html">Contact</a></li>
                                        <li><a class="dropdown-item" href="../pages/legal.html">Legal</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Account</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Login</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/login.html">Cover</a></li>
                                        <li><a class="dropdown-item" href="../pages/login-simple.html">Simple</a></li>
                                      </ul>
                                      <small class="d-block">Gallery</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/gallery-mansorny.html">Mansorny</a></li>
                                        <li><a class="dropdown-item" href="../pages/grid-gallery.html">Grid</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="dashboard23" data-toggle="dropdown" aria-expanded="false">Blog <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="dashboard23">
                                    <li><a class="dropdown-item" href="../blog/blog-home1.html">Home full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-home2.html">Home sidebar <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post-sidebar.html">Article full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post.html">Article sidebar</a></li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="docs25" data-toggle="dropdown" aria-expanded="false">Docs <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="docs25">
                                    <li><a class="dropdown-item" href="../documentation/index.html">Documentation</a></li>
                                    <li><a class="dropdown-item" href="#">Snippets <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">Build</span></a></li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Nav Menus 5

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav7" aria-controls="navbarNav7" aria-expanded="false" aria-label="Toggle navigation">
                              <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                              </svg>          
                              <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                              </svg>          
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNav7">
                              <ul class="navbar-nav ml-auto">
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link active" href="#" role="button" id="landing26" data-toggle="dropdown" aria-expanded="false">Landing <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                      <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                      <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                    </svg>
                                  </a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="landing26">
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/saas-style-one.html">Saas style one</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-two.html">Saas style two</a></li>
                                        <li><a class="dropdown-item" href="../templates/saas-style-three.html">Saas style three</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard.html">Dashboard light</a></li>
                                        <li><a class="dropdown-item" href="../templates/dashboard-dark.html">Dashboard dark</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/education.html">Education <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../templates/portfolio.html">Portfolio</a></li>
                                        <li><a class="dropdown-item" href="../templates/travel.html">Travel</a></li>
                                        <li><a class="dropdown-item" href="../templates/agency.html">Agency</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <ul>
                                        <li><a class="dropdown-item" href="../templates/studio.html">Studio</a></li>
                                        <li><a class="dropdown-item" href="../templates/ecommerce.html">Ecommerce</a></li>
                                        <li><a class="dropdown-item" href="../templates/clinic.html">Clinic</a></li>
                                        <li><a class="dropdown-item" href="../templates/magazine.html">News</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown horizontal-menu">
                                  <a class="nav-link" href="#" role="button" id="single27" data-toggle="dropdown" aria-expanded="false">Pages <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="single27">
                                    <li>
                                      <small class="d-block">Jobs</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/job-opening.html">Opening</a></li>
                                        <li><a class="dropdown-item" href="../pages/job-listing.html">Listing</a></li>
                                      </ul>
                                      <small class="d-block">Misc</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/404.html">404</a></li>
                                        <li><a class="dropdown-item" href="../pages/coming-soon.html">Coming soon</a></li>
                                        <li><a class="dropdown-item" href="../pages/maintenance.html">Maintenance</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Company</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/help-center.html">Help Center</a></li>
                                        <li><a class="dropdown-item" href="../pages/pricing.html">Pricing</a></li>
                                        <li><a class="dropdown-item" href="../pages/about-style1.html">About <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                        <li><a class="dropdown-item" href="../pages/contact.html">Contact</a></li>
                                        <li><a class="dropdown-item" href="../pages/legal.html">Legal</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Account</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/account-profile.html">General</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-payment.html">Payments</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-friends.html">Friends</a></li>
                                        <li><a class="dropdown-item" href="../pages/account-security.html">Security</a></li>
                                      </ul>
                                    </li>
                                    <li>
                                      <small class="d-block">Login</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/login.html">Cover</a></li>
                                        <li><a class="dropdown-item" href="../pages/login-simple.html">Simple</a></li>
                                      </ul>
                                      <small class="d-block">Gallery</small>
                                      <ul>
                                        <li><a class="dropdown-item" href="../pages/gallery-mansorny.html">Mansorny</a></li>
                                        <li><a class="dropdown-item" href="../pages/grid-gallery.html">Grid</a></li>
                                      </ul>
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="dashboard30" data-toggle="dropdown" aria-expanded="false">Blog <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="dashboard30">
                                    <li><a class="dropdown-item" href="../blog/blog-home1.html">Home full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-home2.html">Home sidebar <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">New</span></a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post-sidebar.html">Article full width</a></li>
                                    <li><a class="dropdown-item" href="../blog/blog-post.html">Article sidebar</a></li>
                                  </ul>
                                </li>
                                <li class="nav-item dropdown">
                                  <a class="nav-link" href="#" role="button" id="docs31" data-toggle="dropdown" aria-expanded="false">Docs <svg class="ml-1" data-name="icons/tabler/chevron down" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Chevron Down background" width="16" height="16" fill="none"></rect>
                                    <path d="M.264.26A.909.909,0,0,1,1.435.174l.1.086,7.2,7.111a.881.881,0,0,1,.087,1.157l-.087.1-7.2,7.111a.908.908,0,0,1-1.273,0,.881.881,0,0,1-.087-1.157l.087-.1L6.827,8,.264,1.517A.881.881,0,0,1,.176.36Z" transform="translate(16 4) rotate(90)" fill="#1e1e1e"></path>
                                  </svg></a>
                                  <ul class="dropdown-menu shadow-lg" aria-labelledby="docs31">
                                    <li><a class="dropdown-item" href="../documentation/index.html">Documentation</a></li>
                                    <li><a class="dropdown-item" href="#">Snippets <span class="badge badge-primary fs-11 py-1 px-2 ml-1 rounded text-uppercase">Build</span></a></li>
                                  </ul>
                                </li>
                              </ul>
                              <a href="javascript:void(0);" class="btn btn-lg btn-primary my-3 my-lg-0">Buy Now</a>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Nav Menus 6

                    
                      <header class="muse-header py-sm-2 bg-white">
                        <div class="container">
                          <nav class="navbar navbar-expand-lg">
                            <div class="header-icon mr-5 pr-sm-4">
                              <a href="javascript:void(0);" class="mr-3 pr-sm-2">
                                <svg data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                                  <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                                </svg>              
                              </a>
                            </div>
                            <a class="navbar-brand m-auto" href="javascript:void(0);">
                              <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            </a>
                            <div class="header-icon">
                              <a href="javascript:void(0);" class="position-relative">
                                <svg data-name="icons/tabler/notification" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Notification background" width="16" height="16" fill="none"></rect>
                                  <path d="M4.108,13.087l0-.164v-.205H.617a.616.616,0,0,1-.3-1.151,2.668,2.668,0,0,0,1.3-1.773l.024-.153V7.151A6.328,6.328,0,0,1,4.861,1.915l.1-.053,0-.012A2.246,2.246,0,0,1,7.043,0L7.18,0A2.252,2.252,0,0,1,9.372,1.715l.03.147.1.053a6.371,6.371,0,0,1,3.2,5.027l.015.237,0,2.388a2.677,2.677,0,0,0,1.334,2,.616.616,0,0,1-.22,1.146l-.084.005H10.257v.205a3.077,3.077,0,0,1-6.15.164Zm1.227-.164a1.846,1.846,0,0,0,3.688.126l0-.126v-.205H5.334ZM6.161,2.152l-.008.158,0,.03-.016.08L6.107,2.5l-.036.071L6.047,2.6,6,2.667l-.024.025-.033.031-.066.049-.073.04A5.131,5.131,0,0,0,2.887,6.973l-.014.206,0,2.535a3.917,3.917,0,0,1-.626,1.694l-.056.079h9.991l0-.008a4,4,0,0,1-.655-1.634l-.029-.2V7.208a5.116,5.116,0,0,0-2.93-4.4.613.613,0,0,1-.346-.468l-.006-.088a1.026,1.026,0,0,0-2.046-.1Z" transform="translate(1)" fill="#1e1e1e"></path>
                                </svg>
                                <span class="position-absolute top-0 left-100 translate-middle rounded-circle bg-primary p-1"><span class="visually-hidden">unread messages</span></span>                          
                              </a>
                              <a href="javascript:void(0);" class="ml-3 ml-sm-4">
                                <svg data-name="icons/tabler/user" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/User background" width="16" height="16" fill="none"></rect>
                                  <path d="M11.334,16H.667a.665.665,0,0,1-.661-.568L0,15.343v-1.75A4.179,4.179,0,0,1,4.029,9.44l.193,0H7.778A4.186,4.186,0,0,1,12,13.4l0,.191v1.75a.661.661,0,0,1-.576.651ZM4.222,10.749a2.869,2.869,0,0,0-2.884,2.683l-.005.162v1.094h9.334V13.594A2.857,2.857,0,0,0,8.1,10.767l-.162-.013-.164,0ZM6,8.314A4.2,4.2,0,0,1,1.778,4.157a4.223,4.223,0,0,1,8.445,0A4.2,4.2,0,0,1,6,8.314Zm0-7A2.87,2.87,0,0,0,3.111,4.157a2.889,2.889,0,0,0,5.778,0A2.87,2.87,0,0,0,6,1.313Z" transform="translate(2)" fill="#1e1e1e"></path>
                                </svg>                           
                              </a>
                              <a href="javascript:void(0);" class="ml-3 ml-sm-4">
                                <svg data-name="icons/tabler/bolt" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                                  <rect data-name="Icons/Tabler/Bolt background" width="16" height="16" fill="none"></rect>
                                  <path d="M5.668,16a.621.621,0,0,1-.63-.53l-.005-.086V10.256H.63a.624.624,0,0,1-.544-.306.6.6,0,0,1-.013-.6l.048-.074L6.838.244,6.893.181,6.958.125,7.034.077l.06-.029L7.171.022,7.253.005,7.339,0h.033l.052,0L7.46.012l.046.01.04.013.038.014.046.021.079.049.014.01a.68.68,0,0,1,.06.052L7.84.243l.049.074.03.059.027.076.016.08.006.084V5.743h4.4a.625.625,0,0,1,.544.307.6.6,0,0,1,.012.6l-.047.073L6.17,15.746A.614.614,0,0,1,5.668,16ZM6.709,2.507,1.865,9.025h3.8a.626.626,0,0,1,.624.532l.005.083v3.85l4.844-6.516h-3.8a.626.626,0,0,1-.623-.532l-.006-.084Z" transform="translate(2)" fill="#1e1e1e"></path>
                                </svg>                           
                              </a>
                            </div>
                          </nav>
                        </div>
                      </header>
                    
                  

Overlay Menu

                    
                      <div class="position-relative">
                        <div class="text-right position-absolute top-0 right-0 z-index">
                          <a href="javascript:void(0);" class="btn-primary btn h-auto p-2 p-md-3 p-md-4 rounded-0 border-0 aside-toggle">      
                            <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16">
                              <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                              <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#ffffff"></path>
                            </svg>   
                          </a>
                        </div>
                        <div class="menu-full-width">
                          <div class="container">
                            <ul class="navbar">
                              <li>
                                <a href="#0">Home</a>
                              </li>
                              <li>
                                <a href="#0">About</a>
                              </li>
                              <li>
                                <a href="#0">Portfolio</a>
                              </li>
                              <li>
                                <a href="#0">Clients</a>
                              </li>
                              <li>
                                <a href="#0">Buy Now</a>
                              </li>
                            </ul>
                            <div class="row align-items-center">
                              <div class="col-sm-5">
                                <div class="social-icons text-left mb-4">
                                  <a href="javascript:void(0);"><svg data-name="icons/tabler/facebook" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Facebook background" width="16" height="16" fill="none"></rect>
                                    <path d="M6.359,16H3.077a.618.618,0,0,1-.61-.532l-.005-.084V10.256H.616a.618.618,0,0,1-.61-.532L0,9.641V6.359a.617.617,0,0,1,.532-.61l.084-.005H2.462V4.718A4.7,4.7,0,0,1,7,0l.181,0H9.641a.618.618,0,0,1,.61.532l.005.084V3.9a.617.617,0,0,1-.532.61l-.084.005H7.179a.2.2,0,0,0-.2.158l-.005.047V5.744H9.641a.615.615,0,0,1,.611.687l-.013.077L9.418,9.79a.614.614,0,0,1-.5.459l-.092.007H6.974v5.128a.618.618,0,0,1-.532.61ZM1.231,6.974V9.025H3.077a.617.617,0,0,1,.609.532l.006.084v5.128H5.744V9.641a.616.616,0,0,1,.532-.609l.084-.006h1.98l.513-2.051H6.359a.617.617,0,0,1-.61-.532l-.005-.083V4.718A1.443,1.443,0,0,1,7.061,3.287l.118,0H9.025V1.231H7.179A3.481,3.481,0,0,0,3.7,4.549l0,.169V6.359a.617.617,0,0,1-.532.609l-.084.005Z" transform="translate(3)" fill="#1e1e1e"></path>
                                  </svg>
                                  </a>
                                  <a href="javascript:void(0);"><svg data-name="icons/tabler/dribbble" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Dribbble background" width="16" height="16" fill="none"></rect>
                                    <path d="M0,8a8,8,0,1,1,12.071,6.885.613.613,0,0,1-.148.086A8,8,0,0,1,0,8Zm8,6.769a6.729,6.729,0,0,0,3.04-.722A18.964,18.964,0,0,0,10.085,9.7a11.826,11.826,0,0,0-4.847,3.087l-.385.379-.522.524A6.728,6.728,0,0,0,8,14.769Zm4.193-1.458a6.774,6.774,0,0,0,2.486-4.2,18.649,18.649,0,0,0-3.393.293A19.879,19.879,0,0,1,12.193,13.311ZM1.231,8a6.751,6.751,0,0,0,2.126,4.921l.814-.815A13.357,13.357,0,0,1,9.638,8.547a20.668,20.668,0,0,0-1.049-2.1,20.8,20.8,0,0,1-7.345,1.14Q1.231,7.792,1.231,8Zm9.611.234a19.647,19.647,0,0,1,3.926-.359A6.737,6.737,0,0,0,13.224,3.7a18.084,18.084,0,0,1-3.5,2.258A21.639,21.639,0,0,1,10.842,8.234ZM1.434,6.354A19.65,19.65,0,0,0,7.94,5.372,37.065,37.065,0,0,0,5.305,1.791,6.8,6.8,0,0,0,1.434,6.354ZM9.093,4.893a16.545,16.545,0,0,0,3.261-2.073A6.767,6.767,0,0,0,6.562,1.385,36.568,36.568,0,0,1,9.093,4.893Z" fill="#1e1e1e"></path>
                                  </svg>
                                  </a>
                                  <a href="javascript:void(0);"><svg data-name="icons/tabler/instagram" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 16 16">
                                    <rect data-name="Icons/Tabler/Instagram background" width="16" height="16" fill="none"></rect>
                                    <path d="M4.343,16A4.348,4.348,0,0,1,0,11.657V4.343A4.347,4.347,0,0,1,4.343,0h7.314A4.348,4.348,0,0,1,16,4.343v7.314A4.348,4.348,0,0,1,11.657,16ZM1.372,4.343v7.314a2.975,2.975,0,0,0,2.971,2.972h7.314a2.975,2.975,0,0,0,2.972-2.972V4.343a2.975,2.975,0,0,0-2.972-2.971H4.343A2.974,2.974,0,0,0,1.372,4.343ZM4.571,8A3.429,3.429,0,1,1,8,11.428,3.434,3.434,0,0,1,4.571,8ZM5.943,8A2.057,2.057,0,1,0,8,5.943,2.06,2.06,0,0,0,5.943,8Zm5.492-4.02-.006-.094a.686.686,0,0,1,1.365-.094l.006.093a.686.686,0,0,1-1.365.094Z" fill="#1e1e1e"></path>
                                  </svg>
                                  </a>
                                </div>
                              </div>
                              <div class="col-sm-7 text-sm-right mb-4">
                                <a href="mailto:hello@johnmalon.com" class="mail-text">hello@johnmalon.com</a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    
                  

Sidebar Menu 1

                    
                      <div class="dashboard-template">
                        <nav class="navbar navbar-vertical navbar-expand-md navbar-light">
                          <a href="#" class="back-arrow d-block d-md-none">
                            <img src="../assets/svg/icons/hamburger1.svg" alt="img">
                            <img src="../assets/svg/icons/close1.svg" style="width:20px;" class="menu-close" alt="img">
                          </a>
                          <a class="navbar-brand mx-auto d-block my-0 my-md-4" href="#">
                            <img src="../assets/svg/brand/logo.svg" alt="Muse">
                            <img src="../assets/svg/brand/muse-icon.svg" class="muse-icon" alt="Muse">
                          </a>
                          <div class="navbar-user d-md-none">
                            <div class="dropdown">
                              <a href="#" id="sidebarIcon" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <div class="avatar avatar-sm avatar-circle">
                                  <img src="../assets/img/templates/avatar1.svg" class="avatar-img rounded-circle" alt="img">
                                  <span class="avatar-status avatar-sm-status avatar-success"></span>
                                </div>
                              </a>
                              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="sidebarIcon">
                                <a href="#" class="dropdown-item">Profile</a>
                                <a href="#" class="dropdown-item">Settings</a>
                                <hr class="dropdown-divider">
                                <a href="#" class="dropdown-item">Logout</a>
                              </div>
                            </div>
                          </div>
                          <div class="navbar-collapse">
                            <ul class="navbar-nav mb-2" id="accordionExample" data-simplebar>
                              <li class="nav-item">
                                <a class="nav-link collapsed" href="#sidebarLanding" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarLanding">
                                  <img src="../assets/svg/icons/power-outline.svg" alt="Power" class="mr-2">  Landing
                                </a>
                                <div class="collapse collapse-box" id="sidebarLanding" data-parent="#accordionExample">
                                  <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                      <a href="#" class="nav-link active">
                                        Link 1
                                      </a>
                                    </li>
                                    <li class="nav-item">
                                      <a href="#" class="nav-link ">
                                        Link 2
                                      </a>
                                    </li>
                                    <li class="nav-item">
                                      <a href="#" class="nav-link ">
                                        Link 3
                                      </a>
                                    </li>
                                  </ul>
                                </div>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link collapsed" href="#sidebarDashboards" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarDashboards">
                                  <img src="../assets/svg/icons/chart.svg" alt="Chart" class="mr-2">  Dashboards
                                </a>
                                <div class="collapse collapse-box" id="sidebarDashboards" data-parent="#accordionExample">
                                  <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                      <a href="#" class="nav-link">Light Mode</a>
                                    </li>
                                    <li class="nav-item">
                                      <a href="#" class="nav-link">Dark Mode</a>
                                    </li>
                                  </ul>
                                </div>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link collapsed" href="#sidebarPages" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarPages">
                                  <img src="../assets/svg/icons/page.svg" alt="Chart" class="mr-2">  Pages
                                </a>
                                <div class="collapse collapse-box" id="sidebarPages" data-parent="#accordionExample">
                                  <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                      <a href="#" class="nav-link">Light Mode</a>
                                    </li>
                                    <li class="nav-item">
                                      <a href="#" class="nav-link">Dark Mode</a>
                                    </li>
                                  </ul>
                                </div>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" href="#">
                                  <img src="../assets/svg/icons/docs.svg" alt="Paperclip" class="mr-2">  Docs
                                </a>
                              </li>
                              <li class="nav-item">
                                <a class="nav-link" href="#">
                                  <img src="../assets/svg/icons/paperclip.svg" alt="Paperclip" class="mr-2">  Snippets
                                </a>
                              </li>
                            </ul>
                            <div class="mt-3 mt-md-auto mb-3 signout">
                              <a href="#" class="btn btn-primary btn-lg btn-block"><img src="../assets/img/dashboard/cart-outline.svg" alt="Cart"><span>Buy Now</span></a>
                            </div>
                          </div>
                        </nav>
                      </div>
                    
                  

Sidebar Menu 2

                    
                      <aside class="muse-aside mb-4">
                        <div class="border-bottom border-gray-200 pb-3 d-flex align-items-center">
                          <span class="avatar avatar-lg avatar-circle avatar-border-lg">
                            <img class="avatar-img" src="../assets/img/pages/avatar1.svg" alt="Avatars">
                          </span>
                          <div class="pl-2">
                            <h5 class="mb-0">Noell Blue <svg class="ml-1" data-name="Group 1" xmlns="http://www.w3.org/2000/svg" width="16" height="15.25" viewBox="0 0 24 23.25">
                              <path d="M23.823,11.991a.466.466,0,0,0,0-.731L21.54,8.7c-.12-.122-.12-.243-.12-.486L21.779,4.8c0-.244-.121-.609-.478-.609L18.06,3.46c-.12,0-.36-.122-.36-.244L16.022.292a.682.682,0,0,0-.839-.244l-3,1.341a.361.361,0,0,1-.48,0L8.7.048a.735.735,0,0,0-.84.244L6.183,3.216c0,.122-.24.244-.36.244L2.58,4.191a.823.823,0,0,0-.48.731l.36,3.412a.74.74,0,0,1-.12.487L.18,11.381a.462.462,0,0,0,0,.732l2.16,2.437c.12.124.12.243.12.486L2.1,18.449c0,.244.12.609.48.609l3.24.735c.12,0,.36.122.36.241l1.68,2.924a.683.683,0,0,0,.84.244l3-1.341a.353.353,0,0,1,.48,0l3,1.341a.786.786,0,0,0,.839-.244L17.7,20.035c.122-.124.24-.243.36-.243l3.24-.734c.24,0,.48-.367.48-.609l-.361-3.413a.726.726,0,0,1,.121-.485Z" fill="#0D6EFD"></path>
                              <path data-name="Path" d="M4.036,10,0,5.8,1.527,4.2,4.036,6.818,10.582,0,12,1.591Z" transform="translate(5.938 6.625)" fill="#fff"></path>
                            </svg></h5>
                            <a href="#" class="small text-gray-600">Change photo</a>
                          </div>
                          <button class="navbar-toggler collapsed ml-auto d-block d-lg-none" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
                            <svg class="menu-icon" data-name="icons/tabler/hamburger" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                              <rect data-name="Icons/Tabler/Hamburger background" width="16" height="16" fill="none"></rect>
                              <path d="M15.314,8H.686A.661.661,0,0,1,0,7.368a.653.653,0,0,1,.593-.625l.093-.006H15.314A.661.661,0,0,1,16,7.368a.653.653,0,0,1-.593.626Zm0-6.737H.686A.661.661,0,0,1,0,.632.654.654,0,0,1,.593.005L.686,0H15.314A.661.661,0,0,1,16,.632a.653.653,0,0,1-.593.625Z" transform="translate(0 4)" fill="#1e1e1e"></path>
                            </svg>          
                            <svg class="menu-close" data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16">
                              <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                              <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#1e1e1e"></path>
                            </svg>          
                          </button>
                        </div>
                        <div class="collapse navbar-collapse d-lg-block" id="navbarNav2">
                          <ul class="sidebar-nav pt-3">
                            <li>
                              <a href="account-profile.html">General</a>
                            </li>
                            <li>
                              <a href="account-payment.html" class="active">Payment</a>
                            </li>
                            <li>
                              <a href="account-friends.html">Friends</a>
                            </li>
                            <li>
                              <a href="account-security.html">Security</a>
                            </li>
                          </ul>
                          <div class="border-top border-gray-200 p-3">
                            <a href="#" class="btn btn-sm btn-primary">Log Out</a>
                          </div>
                        </div>
                      </aside>