UnivateProperties/src/components/shared/footerSection.vue

<template>
  <div>
    <section class="section-footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-4">
            <div class="widget-a">
              <div class="w-header-a">
                <a class="navbar-brand text-brand">
                  Uni-Vate
                  <span class="color-b">Properties</span>
                </a>
              </div>
              <div class="w-body-a">
                <p class="w-text-a color-text-a">
                  <br />105 Lombardy Business Park
                  <br />Cnr. Graham and Cole Rd
                  <br />Shere, Pretoria
                  <br />0084
                </p>
              </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>
          <div class="col-sm-12 col-md-4 section-md-t3">
            <div class="widget-a">
              <div class="w-header-a">
                <h3 class="w-title-a text-brand">Navigation</h3>
              </div>
              <div class="w-body-a">
                <div class="w-body-a">
                  <ul class="list-unstyled">
                    <li class="item-list-a">
                      <i class="fa fa-angle-right"></i>
                      <a href="#">Contact Us</a>
                    </li>
                    <br />
                    <li class="item-list-a">
                      <i class="fa fa-angle-right"></i>
                      <a href="#">Privacy Policy</a>
                    </li>

                    <br />
                    <li class="item-list-a">
                      <i class="fa fa-angle-right"></i>
                      <a href="#">Careers</a>
                    </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="widget-a">
              <div class="w-header-a">
                <h3 class="w-title-a text-brand">Our Partners</h3>
              </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"
                        src="/img/logos/DAE_logo_notag.png"
                        alt="Logo"
                        style="width:60px;height:40px;"
                      />
                    </a>
                  </li>
                  <br />
                  <li class="item-list-a">
                    <a href="https:\\www.gomelo.co.za">
                      <img
                        class="img-fluid"
                        src="/img/logos/gomelo.png"
                        alt="Logo"
                        style="width:40px;height:40px;"
                      />
                    </a>
                  </li>
                  <br />
                  <li class="item-list-a">
                    <a href="https:\\www.rci.co.za">
                      <img
                        class="img-fluid"
                        src="/img/logos/rci.png"
                        alt="Logo"
                        style="width:50px;height:25px;"
                      />
                    </a>
                  </li>
                  <br />
                  <li class="item-list-a">
                    <a href="https:\\www.voasa.co.za">
                      <img
                        class="img-fluid"
                        src="/img/logos/voasa.png"
                        alt="Logo"
                        style="width:100px;height:50px;"
                      />
                    </a>
                  </li>
                  <br />
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <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="https://www.provision-sa.com.com/">ProVision</a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>
<script>
export default {};
</script>