first commit
This commit is contained in:
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>
|
||||
Reference in New Issue
Block a user