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="w-header-a">
              <div class="navbar-brand text-brand">
                Uni-Vate
                <span class="color-b">Properties</span>
              </div>
            </div>
            <div class="w-body-a"></div>
            <div class="w-footer-a">
              <ul class="list-unstyled">
                <li class="color-a">
                  <eva-icon name="phone-call-outline" fill="#60CBEB"></eva-icon>
                  <span class="color-text-a"></span> +27 (0)12 492 1238
                </li>
                <li class="color-a">
                  <eva-icon name="email-outline" fill="#60CBEB"></eva-icon>
                  <span class="color-text-a"></span> info@univateproperties.co.za
                </li>
              </ul>
            </div>
          </div>
          <div class="col-sm-12 col-md-4 section-md-t3">
            <div class="widget-a">
              <div class="w-header-a">
                <h4 class="w-title-a text-brand">Navigation</h4>
              </div>
              <div class="w-body-a">
                <div class="w-body-a">
                  <ul class="list-unstyled">
                    <li class="item-list-a">
                      <i class="ion-ios-arrow-forward" style="color:#60CBEB"></i>
                      <router-link to="/privacypolicy">Privacy Policy</router-link>
                    </li>
                    <br />
                    <li class="list-inline-item">
                      <a href="https://www.facebook.com/univateproperties/">
                        <eva-icon name="facebook-outline" fill="#60CBEB"></eva-icon>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-4 section-md-t3">
            <div class="w-header-a">
              <h4 class="w-title-a text-brand">Our Partners</h4>
            </div>
            <div class="w-body-a">
              <ul class="list-unstyled">
                <li class="item-list-a" style="margin-bottom: 1em">
                  <a href="https:\\www.daelive.com">
                    <img
                      class="img-fluid"
                      src="/img/logos/DAE_logo_notag.png"
                      alt="DAE Logo"
                      style="width:50px;height:30px;"
                      align="left"
                    />
                  </a>
                  <a href="https:\\www.gomelo.co.za">
                    <img
                      class="img-fluid"
                      src="/img/logos/gomelo.png"
                      alt="GoMelo Logo"
                      style="width:35px;height:35px;"
                      align="right"
                    />
                  </a>
                </li>

                <li class="item-list-a" style="margin-bottom: 1em">
                  <a href="https:\\www.rci.co.za">
                    <img
                      class="img-fluid"
                      src="/img/logos/rci.png"
                      alt="RCI Logo"
                      style="width:40px;height:20px;"
                    />
                  </a>
                </li>
                <li class="item-list-a" style="margin-bottom: 1em">
                  <a href="https:\\www.voasa.co.za">
                    <img
                      class="img-fluid"
                      src="/img/logos/voasa.png"
                      alt="Voasa Logo"
                      style="width:90px;height:45px;"
                    />
                  </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"
                  alt
                  class="Provision Logo"
                  style="width: 250px; height:15px;"
                />
              </a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>
<script>
export default {
  methods: {
    routerGoTo(goTo) {
      this.$router.push(goTo);
    },
  },
};
</script>