<script setup lang="ts">

</script>

<template>
  <div class="mobile-header mobile-header-4 d-block d-lg-none ">
    <div class="container-fluid">
      <div class="col-12">
        <div class="mobile-header-elements">
          <div class="mobile-logo">
            <a href="index.html"><img src="/assets/img/logo/header-logo1.svg" alt=""></a>
          </div>
          <div class="mobile-nav-icon">
            <i class="fa-solid fa-bars"></i>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="mobile-sidebar d-block d-lg-none">
    <div class="menu-close">
      <i class="fa-solid fa-xmark"></i>
    </div>
    <div class="mobile-nav">

      <ul class="mobile-nav-list">
        <li><a href="#">Home</a>
          <ul class="sub-menu">
            <li><a href="single-index1.html">Real Estate</a></li>
            <li><a href="single-index2.html">Project Management</a></li>
            <li><a href="single-index3.html">Appland</a></li>
            <li><a href="single-index4.html">Hostika </a></li>
            <li><a href="single-index5.html">Insurance </a></li>
          </ul>
        </li>
        <li><a href="about.html">About Us</a></li>

        <li><a href="#">Service</a>
          <ul class="sub-menu">
            <li><a href="service.html">Service</a></li>
            <li><a href="service2.html">Service</a></li>
            <li><a href="service-details.html">Service Details</a></li>
          </ul>
        </li>
        <li><a href="#">Blog</a>
          <ul class="sub-menu">
            <li><a href="blog.html">Blog</a></li>
            <li><a href="blog-left-bar.html">Blog Left</a></li>
            <li><a href="blog-right-bar.html">Blog Right</a></li>
            <li><a href="blog-details.html">Blog Details</a></li>
            <li><a href="blog-single.html">Single Blog</a></li>
          </ul>
        </li>

        <li><a href="#">Pages</a>
          <ul class="sub-menu">
            <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="team.html">Our Team</a></li>
            <li><a href="faq.html">Our Faq</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact Us</a></li>
        <li><a href="#">Sign In / Sign up </a></li>
      </ul>
    </div>
  </div>
</template>

<style scoped>

</style>