UnivateProperties/src/components/shared/footerSection.vue

<template>
  <div>
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-4">
            <div class="widget-a">
              <div class="w-header-a">
                <h4 class="w-title-a">
                  <router-link to="/">
                    <b>Uni-Vate</b>
                    <span class="color-b">Properties</span>
                  </router-link>
                </h4>
              </div>
              <div class="w-footer-a">
                <ul class="list-unstyled">
                  <li class="color-a">
                    <eva-icon name="phone-call-outline" class="myFill"></eva-icon>
                    <span class="color-text-a"></span> +27 (0)12 492 1238
                  </li>
                  <li class="color-a">
                    <eva-icon name="email-outline" class="myFill"></eva-icon>
                    <span class="color-text-a"></span> info@univateproperties.co.za
                  </li>
                  <li class="item-list-a">
                    <eva-icon name="message-square-outline" class="myFill"></eva-icon>
                    <router-link to="/contactUs">Contact Us</router-link>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-4">
            <div class="widget-a">
              <div class="w-header-a">
                <h4 class="w-title-a">
                  <b>Navigation</b>
                </h4>
              </div>
              <div class="w-body-a">
                <div class="w-body-a">
                  <ul class="list-unstyled">
                    <li class="item-list-a">
                      <eva-icon name="slash-outline" class="myFill"></eva-icon>
                      <router-link to="/privacypolicy">Privacy Policy</router-link>
                    </li>
                    <li class="list-inline-item">
                      <a href="https://www.facebook.com/univateproperties/">
                        <eva-icon name="facebook-outline" class="myFill"></eva-icon>Facebook
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-4">
            <div class="w-header-a">
              <h4 class="w-title-a">
                <b>Our Partners</b>
              </h4>
            </div>
            <div class="w-body-a">
              <ul class="list-unstyled">
                <li class="item-list-a">
                  <a href="https:\\www.daelive.com">
                    <img
                      class="img-fluid dae-Logo"
                      src="/img/logos/DAE_logo_notag.png"
                      align="left"
                    />
                  </a>
                  <a href="https:\\www.gomelo.co.za">
                    <img class="img-fluid gomelo-Logo" src="/img/logos/gomelo.png" align="right" />
                  </a>
                </li>
                <li class="item-list-a">
                  <a href="https:\\www.rci.co.za">
                    <img class="img-fluid rci-Logo" src="/img/logos/rci.png" />
                  </a>
                </li>
                <li class="item-list-a">
                  <a href="https:\\www.voasa.co.za">
                    <img class="img-fluid voasa-Logo" src="/img/logos/voasa.png" />
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="copyright-footer">
              <p class="copyright color-text-a">
                &copy; Copyright
                <span class="color-a">
                  <b>Univate Properties</b>
                </span> All Rights Reserved.
              </p>
            </div>
            <div class="credits">
              Site created by
              <a href="http://www.provision-sa.co.za/">
                <img src="img/logos/provision-logocropped.png" class="pv-Logo" />
              </a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>
<script>
export default {
  methods: {
    routerGoTo(goTo) {
      this.$router.push(goTo);
    },
  },
};
</script>
<style scoped>
.pv-Logo {
  width: 250px;
  height: 15px;
}
.voasa-Logo {
  width: 90px;
  height: 45px;
}
.rci-Logo {
  width: 40px;
  height: 20px;
}
.gomelo-Logo {
  width: 35px;
  height: 35px;
}
.dae-Logo {
  width: 50px;
  height: 30px;
}
</style>