<template>
  <div>
    <!-- footer & cta start -->
    <section class="footer bg-dark">
      <b-container>
        <b-row>
          <b-col lg="3" class="text-center text-lg-start">
            <div class="footer-logo mb-4">
              <a href="#">
                <img src="../assets/images/logo-light.png" alt="" />
              </a>
            </div>
            <a href="#" class="text-white">Hello@coderthemes.com</a>
            <p class="text-white">+01 ( 1234 567 890 )</p>

            <h5 class="fs-18 mb-3 text-white">Follow Us</h5>
            <ul class="list-inline mt-5">
              <li class="list-inline-item">
                <a href="javascript:void(0);" class="footer-social-icon"
                  ><i class="mdi mdi-facebook"></i
                ></a>
              </li>
              <li class="list-inline-item">
                <a href="javascript:void(0);" class="footer-social-icon"
                  ><i class="mdi mdi-twitter"></i
                ></a>
              </li>
              <li class="list-inline-item">
                <a href="javascript:void(0);" class="footer-social-icon"
                  ><i class="mdi mdi-linkedin"></i
                ></a>
              </li>
              <li class="list-inline-item">
                <a href="javascript:void(0);" class="footer-social-icon"
                  ><i class="mdi mdi-skype"></i
                ></a>
              </li>
            </ul>
          </b-col>
          <b-col lg="9">
            <div class="row">
              <b-col sm="6" md="3">
                <h5 class="fs-22 mb-3 fw-semibold text-white">About Us</h5>
                <ul class="list-unstyled footer-nav">
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Support Center</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Customer Support</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >About Us</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Copyright</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Popular Campaign</a
                    >
                  </li>
                </ul>
              </b-col>
              <b-col sm="6" md="3">
                <h5 class="fs-22 mb-3 fw-semibold text-white">
                  Our Information
                </h5>
                <ul class="list-unstyled footer-nav">
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Return Policy</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Privacy Policy</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Terms & Conditions</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Site Map</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Store Hours</a
                    >
                  </li>
                </ul>
              </b-col>
              <b-col sm="6" md="3">
                <h5 class="fs-22 mb-3 fw-semibold text-white">My Account</h5>
                <ul class="list-unstyled footer-nav">
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Press Inquiries</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Social Media Directories</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Images & B-roll</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Permissions</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Speaker Requests</a
                    >
                  </li>
                </ul>
              </b-col>
              <b-col sm="6" md="3">
                <h5 class="fs-22 mb-3 fw-semibold text-white">Policy</h5>
                <ul class="list-unstyled footer-nav">
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Application Security</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Softwere Principles</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Unwanted Softwere Policy</a
                    >
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="footer-link"
                      >Risponsible Supply Chain</a
                    >
                  </li>
                </ul>
              </b-col>
            </div>
          </b-col>
        </b-row>
      </b-container>
    </section>
    <div class="footer-tagline">
      <b-container>
        <b-row class="justify-content-between py-2">
          <b-col md="6">
            <p class="text-white opacity-75 mb-0 fs-14">
              {{ year }} © Appexy -
              <a href="https://coderthemes.com/" class="text-white"
                >Coderthemes.com</a
              >
            </p>
          </b-col>
          <b-col md="6" class="text-md-end">
            <a href="javascript:void(0);" class="text-white opacity-75 fs-14"
              >Terms Conditions & Policy</a
            >
          </b-col>
        </b-row>
      </b-container>
    </div>
    <!-- footer & cta end -->
  </div>
</template>

<script>
export default {
  computed: {
    year() {
      return new Date().getFullYear();
    },
  },
};
</script>
