first commit
This commit is contained in:
Beyhan Oğur
8
app/app.vue
Normal file
8
app/app.vue
Normal file
@@ -0,0 +1,8 @@
|
||||
<template>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
|
||||
</script>
|
||||
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>
|
||||
98
app/layouts/default.vue
Normal file
98
app/layouts/default.vue
Normal file
@@ -0,0 +1,98 @@
|
||||
<template>
|
||||
<div>
|
||||
<slot />
|
||||
<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>
|
||||
|
||||
<script setup lang="ts">
|
||||
useHead({
|
||||
title: 'Blog details Sidebar Right || Avigo Multipurpose Theme',
|
||||
meta: [
|
||||
{ charset: 'utf-8' },
|
||||
{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' },
|
||||
],
|
||||
link: [
|
||||
{ rel: 'stylesheet', href: '/assets/css/bootstrap.min.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/font-awesome-pro.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/magnific-popup.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/owl.carousel.min.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/slick-slider.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/meanmenu.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/typography.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/preloader.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/mobile-menu.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/header.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/footer.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/aos.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/fonts.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/blog-page.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/nice-select.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/modal-video.min.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/responsive.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/comon.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/avigo-unit.css' },
|
||||
{ rel: 'stylesheet', href: '/assets/css/avigo-core.css' },
|
||||
{ rel: 'stylesheet', href: '/style.css' }
|
||||
],
|
||||
script: [
|
||||
{ src: '/assets/js/jquery-3-6-0.min.js', defer: true },
|
||||
{ src: '/assets/js/bootstrap.min.js', defer: true },
|
||||
{ src: '/assets/js/fontawesome.js', defer: true },
|
||||
{ src: '/assets/js/owl.carousel.min.js', defer: true },
|
||||
{ src: 'https://unpkg.com/aos@next/dist/aos.js', defer: true, crossorigin: 'anonymous' },
|
||||
{ src: '/assets/js/jquery.magnific-popup.min.js', defer: true },
|
||||
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', defer: true, crossorigin: 'anonymous' },
|
||||
{ src: 'https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js', defer: true, integrity: 'sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3', crossorigin: 'anonymous' },
|
||||
{ src: '/assets/js/slick-slider.js', defer: true },
|
||||
{ src: '/assets/js/mobile-menu.js', defer: true },
|
||||
{ src: '/assets/js/tilt.jquery.js', defer: true },
|
||||
{ src: '/assets/js/jquery.lineProgressbar.js', defer: true },
|
||||
{ src: '/assets/js/jquery.nice-select.js', defer: true },
|
||||
{ src: '/assets/js/mobile-meanmenu.js', defer: true },
|
||||
{ src: '/assets/js/modal-video.min.js', defer: true },
|
||||
{ src: '/assets/js/main.js', defer: true },
|
||||
]
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
// page-progress
|
||||
var progressPath = document.querySelector(".progress-wrap path");
|
||||
if (progressPath) {
|
||||
var pathLength = progressPath.getTotalLength();
|
||||
progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||
"none";
|
||||
progressPath.style.strokeDasharray = pathLength + " " + pathLength;
|
||||
progressPath.style.strokeDashoffset = pathLength;
|
||||
progressPath.getBoundingClientRect();
|
||||
progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||
"stroke-dashoffset 10ms linear";
|
||||
var updateProgress = function () {
|
||||
var scroll = $(window).scrollTop();
|
||||
var height = $(document).height() - $(window).height();
|
||||
var progress = pathLength - (scroll * pathLength) / height;
|
||||
progressPath.style.strokeDashoffset = progress;
|
||||
};
|
||||
updateProgress();
|
||||
$(window).scroll(updateProgress);
|
||||
var offset = 50;
|
||||
var duration = 550;
|
||||
jQuery(window).on("scroll", function () {
|
||||
if (jQuery(this).scrollTop() > offset) {
|
||||
jQuery(".progress-wrap").addClass("active-progress");
|
||||
} else {
|
||||
jQuery(".progress-wrap").removeClass("active-progress");
|
||||
}
|
||||
});
|
||||
jQuery(".progress-wrap").on("click", function (event) {
|
||||
event.preventDefault();
|
||||
jQuery("html, body").animate({ scrollTop: 0 }, duration);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
})
|
||||
</script>
|
||||
11
app/pages/auth/login.vue
Normal file
11
app/pages/auth/login.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>Login Pages</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
11
app/pages/auth/register.vue
Normal file
11
app/pages/auth/register.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>Register Pages</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
61
app/pages/index.vue
Normal file
61
app/pages/index.vue
Normal file
@@ -0,0 +1,61 @@
|
||||
<script setup lang="ts">
|
||||
|
||||
import Paginate from "~/components/Paginate.vue";
|
||||
import FooterArea from "~/components/FooterArea.vue";
|
||||
import SubsribeStart from "~/components/SubsribeStart.vue";
|
||||
import TagsClouds from "~/components/TagsClouds.vue";
|
||||
import WidgetSidebarImgBox from "~/components/home/WidgetSidebarImgBox.vue";
|
||||
import WidgetRecentPost from "~/components/home/WidgetRecentPost.vue";
|
||||
import WidgetCategories from "~/components/home/WidgetCategories.vue";
|
||||
import WidgetSearch from "~/components/home/WidgetSearch.vue";
|
||||
import BlogPage from "~/components/home/BlogPage.vue";
|
||||
import PagesHeroHeader from "~/components/home/PagesHeroHeader.vue";
|
||||
import MobileHeader from "~/components/MobileHeader.vue";
|
||||
import HeaderSection from "~/components/HeaderSection.vue";
|
||||
import Preloader from "~/components/home/Preloader.vue";
|
||||
import PaginaContainer from "~/components/PaginaContainer.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<Preloader/>
|
||||
<!--=====progress START=======-->
|
||||
<PaginaContainer/>
|
||||
<!--=====progress END=======-->
|
||||
<!--=====HEADER START=======-->
|
||||
<HeaderSection/>
|
||||
<!--=====HEADER END=======-->
|
||||
<!--=====Mobile header start=======-->
|
||||
<MobileHeader/>
|
||||
<!--=====Mobile header end=======-->
|
||||
<!--=====pages hero header end=======-->
|
||||
<PagesHeroHeader/>
|
||||
<!--=====pages hero header end=======-->
|
||||
<div class="blog-page sp2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<BlogPage/>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="widgets lg-ml-15">
|
||||
<WidgetSearch/>
|
||||
<WidgetCategories/>
|
||||
<WidgetSidebarImgBox/>
|
||||
<TagsClouds/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--=====SUBSRIBE START=======-->
|
||||
<SubsribeStart/>
|
||||
<!--=====SUBSRIBE END=======-->
|
||||
<!--=====Footer start=======-->
|
||||
<FooterArea/>
|
||||
<!--=====Footer end=======-->
|
||||
<!--================== sidebar===================== -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user