<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>