first commit
This commit is contained in:
113
app/components/HeaderSection.vue
Normal file
113
app/components/HeaderSection.vue
Normal file
@@ -0,0 +1,113 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user