<script setup lang="ts">

</script>

<template>
  <header>
    <div class="header-area d-none d-lg-block" id="header">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="header-elements">
              <div class="site-logo home1-site-logo">
                <a href="#"
                ><img src="/assets/img/logo/header-logo1.svg" alt=""/>
                </a>
                <span>We’re hiring</span>
              </div>


              <div class="main-menu-ex main-menu-ex1">
                <ul>
                  <li class="has-dropdown"><a href="#">Home <i class="fa-solid fa-angle-down"></i></a>
                    <ul class="sub-menu">
                      <li class="has-dropdown has-dropdown1"><a href="index4.html">Multipage<span><i
                          class="fa-solid fa-angle-right"></i></span></a>
                        <ul class="sub-menu">
                          <li><a href="index.html">Real Estate</a></li>
                          <li><a href="index2.html">Management</a></li>
                          <li><a href="index3.html">App landing</a></li>
                          <li><a href="index4.html">Web Hosting </a></li>
                          <li><a href="index5.html">Consulting </a></li>
                        </ul>
                      </li>

                      <li class="has-dropdown has-dropdown1"><a href="index4.html">Landing Page<span><i
                          class="fa-solid fa-angle-right"></i></span></a>
                        <ul class="sub-menu">
                          <li><a href="single-index1.html">Real Estate</a></li>
                          <li><a href="single-index2.html">Management</a></li>
                          <li><a href="single-index3.html">App landing</a></li>
                          <li><a href="single-index4.html">Web Hosting </a></li>
                          <li><a href="single-index5.html">Consulting </a></li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li><a href="about.html">About Us</a>
                  </li>
                  <li class="has-dropdown"><a href="#">Service <i class="fa-solid fa-angle-down"></i></a>
                    <ul class="sub-menu">

                      <li class="has-dropdown has-dropdown1"><a href="index4.html">Our Service<span><i
                          class="fa-solid fa-angle-right"></i></span></a>
                        <ul class="sub-menu">
                          <li><a href="service.html">Our Service 1</a></li>
                          <li><a href="service2.html">Our Service 2</a></li>
                        </ul>
                      </li>
                      <li><a href="service-details.html">Service Details</a></li>
                    </ul>
                  </li>
                  <li class="dropdown-menu-parrent"><a href="#">Pages <i class="fa-solid fa-angle-down"></i></a>
                    <ul>
                      <li><a href="property.html">Property</a></li>
                      <li><a href="property-details.html">Property Details</a></li>
                      <li><a href="pricing-plan.html">Pricing Plan</a></li>
                      <li><a href="faq.html">FAQ</a></li>
                      <li><a href="team.html">Our Team</a></li>
                    </ul>
                  </li>


                  <li class="has-dropdown"><a href="#">Blog <i class="fa-solid fa-angle-down"></i></a>
                    <ul class="sub-menu">
                      <li class="has-dropdown has-dropdown1"><a href="blog.html">Blog<span><i
                          class="fa-solid fa-angle-right"></i></span></a>
                        <ul class="sub-menu">
                          <li><a href="blog.html">Our Blog</a></li>
                          <li><a href="blog-details.html">Blog Formets</a></li>
                          <li><a href="blog-sidebar-left.html">Blog Sidebar Left</a></li>
                          <li><a href="blog-sidebar-right.html">Blog Sidebar Right</a></li>
                        </ul>
                      </li>

                      <li><a href="blog-details.html">Single Blog</a></li>
                    </ul>
                  </li>

                  <li><a href="contact.html">Contact Us</a></li>

                  <li class="d-lg-none"><a href="#">Sign In / Sign up</a></li>
                </ul>
              </div>


              <div class="header-site-btn">
                <a href="#" class="home2-site-btn-1 font-f-2 weight-400 font-16 line-height-16">Sign In / Sign Up</a>
                <a class="cta-btn font-f-2 weight-700" href="property.html">List Your Property</a>
              </div>
              <div class="mobile-menu-bar d-lg-none">
                <i class="fas fa-bars"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
</template>

<style scoped>

</style>