first commit
This commit is contained in:
Beyhan Oğur
121
app/components/FooterArea.vue
Normal file
121
app/components/FooterArea.vue
Normal file
@@ -0,0 +1,121 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<footer class="footer-area padding-top font-f-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="single-footer mr50 hadding2">
|
||||
<div class="site-logo home1-site-logo">
|
||||
<a href="#"
|
||||
><img src="/assets/img/logo/header-logo1.svg" alt="" />
|
||||
</a>
|
||||
<span class="font-f-2">We’re hiring</span>
|
||||
</div>
|
||||
<div class="space30"></div>
|
||||
<p class="font-f-2 font-16 line-height-26">
|
||||
As a graphic designer, add motion to your skillset. Animate
|
||||
whatever you create and tell your story in a magical way with
|
||||
Artboard Studio.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 hadding2">
|
||||
<div class="single-footer">
|
||||
<h3 class="font-f-1 font-20 weight-700 line-height-20">
|
||||
Discover
|
||||
</h3>
|
||||
<div>
|
||||
<ul class="font-f-2 font-16 line-height-26 pera-c-1">
|
||||
<li><a href="#">Learn</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="#">Pricing</a></li>
|
||||
<li><a href="#">Template Maker</a></li>
|
||||
<li><a href="#">Mockup Generator</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 hadding2">
|
||||
<div class="single-footer">
|
||||
<h3 class="font-f-2 font-20 weight-700 line-height-20">
|
||||
Company
|
||||
</h3>
|
||||
<div>
|
||||
<ul class="font-f-2 font-16 line-height-26 pera-c-1">
|
||||
<li><a href="about.html">About us</a></li>
|
||||
<li><a href="#">Licensing</a></li>
|
||||
<li><a href="#">privacy Policy</a></li>
|
||||
<li><a href="#">Terms of Use</a></li>
|
||||
<li><a href="#">Refund Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 hadding2">
|
||||
<div class="single-footer-contact">
|
||||
<h3 class="font-f-2 font-20 weight-700 line-height-20">
|
||||
Get in touch
|
||||
</h3>
|
||||
|
||||
<div class="foonter-contact-1">
|
||||
<div class="foonter-contact-icon-1">
|
||||
<div class="">
|
||||
<img src="/assets/img/icons/footer-icon-1.svg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="foonter-contact-p">
|
||||
<a href="tel:+910225850556">USA: +91 02 2585 0556</a>
|
||||
<a href="tel:+610225850556">UK: +61 02 2585 0556</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="foonter-contact-1">
|
||||
<div class="foonter-contact-icon-1">
|
||||
<div class="">
|
||||
<img src="/assets/img/icons/footer-icon-2.svg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="foonter-contact-p">
|
||||
<a href="mailto:Contacthelp@Demoui.co"
|
||||
>Contacthelp@Demoui.co</a
|
||||
>
|
||||
<a href="mailto:Info@Demoui.co">Info@Demoui.co</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center copyright2">
|
||||
<div class="col-lg-6">
|
||||
<p class="font-16 weight-400 font-f-2 line-height-16 pera-c-1">
|
||||
© 2023 Avigo by fleexstudio. All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-6 text-right">
|
||||
<div class="social social1 comon-footer-icons">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa-brands fa-instagram"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa-brands fa-github"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
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>
|
||||
74
app/components/MobileHeader.vue
Normal file
74
app/components/MobileHeader.vue
Normal file
@@ -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>
|
||||
19
app/components/PaginaContainer.vue
Normal file
19
app/components/PaginaContainer.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="paginacontainer">
|
||||
|
||||
<div class="progress-wrap">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
24
app/components/Paginate.vue
Normal file
24
app/components/Paginate.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="row text-center">
|
||||
<div class="col-12 m-auto text-center">
|
||||
<div class="theme-pagination text-center">
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
|
||||
<li><a class="active" href="#">01</a></li>
|
||||
<li><a href="#">02</a></li>
|
||||
<li>...</li>
|
||||
<li><a href="#">12</a></li>
|
||||
<li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
40
app/components/SubsribeStart.vue
Normal file
40
app/components/SubsribeStart.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="subsribe-all sp2">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-7">
|
||||
<div class="all-subsribe-hadding">
|
||||
<h1
|
||||
class="font-f-2 weight-700 font-30 font-lg-45 line-height-30 line-height-lg-45 font-w"
|
||||
>
|
||||
Get the properties you're interested in delivered straight to
|
||||
your inbox.
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="comon-subsribe-all-input">
|
||||
<input type="email" placeholder="Enter your email here" />
|
||||
<div class="subsribe-btn">
|
||||
<div class="home2-btn">
|
||||
<button type="submit"
|
||||
class="font-18 line-height-30 weight-700 font-f-2 font-w"
|
||||
>
|
||||
Get Notified
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
23
app/components/TagsClouds.vue
Normal file
23
app/components/TagsClouds.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="single-widget widget_tag_cloud">
|
||||
<h3 class="font-f-2">Tags</h3>
|
||||
<div class="space10"></div>
|
||||
<div class="tagcloud">
|
||||
<a href="#" class="font-f-2">Healthcare</a>
|
||||
<a href="#" class="font-f-2">Consult</a>
|
||||
<a href="#" class="font-f-2">Cahless</a>
|
||||
<a href="#" class="font-f-2">Cyberattacks</a>
|
||||
<a href="#" class="font-f-2">Meeting</a>
|
||||
<a href="#" class="font-f-2">Leadership</a>
|
||||
<a href="#" class="font-f-2">Health Insurace</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
74
app/components/home/BlogPage.vue
Normal file
74
app/components/home/BlogPage.vue
Normal file
@@ -0,0 +1,74 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
import Paginate from "~/components/Paginate.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="col-lg-8">
|
||||
<div class="blogs padding-right">
|
||||
<article class="post-blog post-format-image">
|
||||
<div class="single-blog">
|
||||
<div class="execution-images">
|
||||
<div class="execution-img1">
|
||||
<img src="/assets/img/shapes/service-details-shaop-bg.svg" alt="">
|
||||
</div>
|
||||
<div class="execution-img2">
|
||||
<img src="/assets/img/image/service-details-img.png" alt="">
|
||||
</div>
|
||||
<div class="execution-img3">
|
||||
<img src="/assets/img/shapes/service-details-shape.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="author-bio mt-4 mb-3">
|
||||
<div class="author-name">
|
||||
<a href="#" class="font-f-2"><i class="fa-solid fa-user"></i> Miro koyetin</a>
|
||||
</div>
|
||||
<div class="blog-category">
|
||||
<a href="#" class="font-f-2"><i class="fa-solid fa-tag"></i>Lifestyle</a>
|
||||
</div>
|
||||
<div class="blog-date">
|
||||
<a href="#" class="font-f-2"><i class="fa-solid fa-calendar-days"></i>18 March 2023</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hadding2">
|
||||
<h4 class="font-f-2 font-24 line-height-28 weight-500"><a href="blog-single.html">We leverage
|
||||
technology to solve challenges for your business.</a></h4>
|
||||
|
||||
<div class="space32"></div>
|
||||
|
||||
<p class="details-p-hadding font-18 line-height-18 weight-500 font-f-2">Client completes business
|
||||
questionnaire</p>
|
||||
<div class="space16"></div>
|
||||
<p class="font-f-2 weight-400 line-height-28 font-16">After an initial complimentary phone call
|
||||
consultation, for new and potential clients we then conduct an initial assessment, which reviews
|
||||
and covers the current or potential business opportunities to made marketing strategies,
|
||||
marketplace competitive analysis, social media presence and other specific an assessments as
|
||||
needed to determine the best recommendations to improve client productivity, ensure efficiency,
|
||||
and generate revenue immediately. This aids in the discovery process for both client and
|
||||
consultant hen have a two hour meeting to discuss your business goals and provide.</p>
|
||||
|
||||
<div class="space40"></div>
|
||||
<p class="details-p-hadding font-18 line-height-18 weight-500 font-f-2">Client completes business
|
||||
questionnaire</p>
|
||||
<div class="space24"></div>
|
||||
<p class="font-f-2 weight-400 line-height-28 font-16">After an initial complimentary phone call
|
||||
consultation, for new and potential clients we then conduct an initial assessment, which reviews
|
||||
and covers the current or potential business opportunities to made marketing strategies,
|
||||
marketplace competitive analysis, social media presence and other specific an assessments as
|
||||
needed to determine the best recommendations to improve client productivity, ensure efficiency,
|
||||
and generate revenue immediately. This aids in the discovery process for both client and
|
||||
consultant hen have a two hour meeting to discuss your business goals and provide.</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="space60"></div>
|
||||
<Paginate/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
27
app/components/home/PagesHeroHeader.vue
Normal file
27
app/components/home/PagesHeroHeader.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="pages-hero">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="page-hadding hadding2">
|
||||
<h1
|
||||
class="font-f-2 weight-700 font-40 font-lg-60 line-height-48 line-height-lg-65">
|
||||
Blog <span class="after">sidebar right</span>
|
||||
</h1>
|
||||
<p class="font-f-2 font-16 weight-500 line-height-16"><a href="index.html">Home</a> <span><i
|
||||
class="fa-solid fa-angle-right"></i></span> Blog <span><i class="fa-solid fa-angle-right"></i></span>
|
||||
Blog Details </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
14
app/components/home/Preloader.vue
Normal file
14
app/components/home/Preloader.vue
Normal file
@@ -0,0 +1,14 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="preloader">
|
||||
<div id="loader"></div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
32
app/components/home/WidgetCategories.vue
Normal file
32
app/components/home/WidgetCategories.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="single-widget widget_categories">
|
||||
<h3 class="font-f-2">Blog Category</h3>
|
||||
<div class="space10"></div>
|
||||
<div class="blog-category-list">
|
||||
<ul>
|
||||
<li><a class="active font-f-2" href="#">Excutive consultant (10) <span><i
|
||||
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||
<li><a href="#" class="font-f-2">Marketing & advertising (12) <span><i
|
||||
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||
<li><a href="#" class="font-f-2">Accounbility & execution (08)<span><i
|
||||
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||
<li><a href="#" class="font-f-2">Business planning (21)<span><i class="fa-solid fa-angle-right"></i></span></a>
|
||||
</li>
|
||||
<li><a href="#" class="font-f-2">Privet planning (13)<span><i
|
||||
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||
<li><a href="#" class="font-f-2">Mutual invest planning (06)<span><i
|
||||
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||
<li><a href="#" class="font-f-2">Project managment (1)<span><i class="fa-solid fa-angle-right"></i></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
71
app/components/home/WidgetRecentPost.vue
Normal file
71
app/components/home/WidgetRecentPost.vue
Normal file
@@ -0,0 +1,71 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="single-widget single-widget-post-sidebar">
|
||||
<h3 class="font-f-2">Search</h3>
|
||||
|
||||
<div class="recent-post">
|
||||
<div class="">
|
||||
<div class="recent-img">
|
||||
<img src="/assets/img/image/blog-details-side1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-post-content">
|
||||
<div class="blog-date-time">
|
||||
<ul class="blog-date">
|
||||
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h6><a href="blog-details.html" class="font-f-2">Leadership Burnout: What causes it and how avoid
|
||||
it.</a></h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="recent-post">
|
||||
<div class="">
|
||||
<div class="recent-img">
|
||||
<img src="/assets/img/image/blog-details-side2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-post-content">
|
||||
<div class="blog-date-time">
|
||||
<ul class="blog-date">
|
||||
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h6><a href="blog-details.html" class="font-f-2">New Consulting For All Kind Offer Finance...</a>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="recent-post">
|
||||
<div class="">
|
||||
<div class="recent-img">
|
||||
<img src="/assets/img/image/blog-details-side3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent-post-content">
|
||||
<div class="blog-date-time">
|
||||
<ul class="blog-date">
|
||||
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h6><a href="blog-details.html" class="font-f-2">What we are capable to usually discovered...</a>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
19
app/components/home/WidgetSearch.vue
Normal file
19
app/components/home/WidgetSearch.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="single-widget widget_search">
|
||||
<h3 class="font-f-2">Search</h3>
|
||||
<div class="search-form-widget">
|
||||
<form action="#">
|
||||
<input type="search" placeholder="Type keyword here">
|
||||
<button type="submit" class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
31
app/components/home/WidgetSidebarImgBox.vue
Normal file
31
app/components/home/WidgetSidebarImgBox.vue
Normal file
@@ -0,0 +1,31 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="sidebar-img-box-all text-center">
|
||||
<div class="sidebar-img">
|
||||
<img src="/assets/img/image/sidebar-box-img.png" alt="">
|
||||
</div>
|
||||
<div class="sidebar-box-hadding">
|
||||
<div class="space16"></div>
|
||||
<h4><a href="#" class="font-f-2 font-20 line-height-20 weight-500 font-w">Alex Blake</a></h4>
|
||||
<div class="space24"></div>
|
||||
<p class="font-f-2 font-16 line-height-26 weight-400 font-w">When it comes to business, listen to
|
||||
Henry David Thoreau: things usually don’t happen overnight – instead, to find success takes a lot of
|
||||
time, effort, and courage. Opus includes everything you need to build a beautiful website.</p>
|
||||
</div>
|
||||
<div class="details-side-box-icon">
|
||||
<div class="space24"></div>
|
||||
<ul>
|
||||
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
23
app/components/home/WidgetTagCloud.vue
Normal file
23
app/components/home/WidgetTagCloud.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="single-widget widget_tag_cloud">
|
||||
<h3 class="font-f-2">Tags</h3>
|
||||
<div class="space10"></div>
|
||||
<div class="tagcloud">
|
||||
<a href="#" class="font-f-2">Healthcare</a>
|
||||
<a href="#" class="font-f-2">Consult</a>
|
||||
<a href="#" class="font-f-2">Cahless</a>
|
||||
<a href="#" class="font-f-2">Cyberattacks</a>
|
||||
<a href="#" class="font-f-2">Meeting</a>
|
||||
<a href="#" class="font-f-2">Leadership</a>
|
||||
<a href="#" class="font-f-2">Health Insurace</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user