first commit

app/components/MobileHeader.vue

@@ -0,0 +1,74 @@
+<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>