Privacy added, Footer amended

src/App.vue

@@ -30,6 +30,12 @@ export default {
 </script>
 
 <style>
+a {
+  cursor: pointer;
+}
+a:hover {
+  color: #60cbeb;
+}
 #app {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;

src/components/misc/privacyPolicyPage.vue

@@ -0,0 +1,48 @@
+<template>
+  <!-- eslint-disable max-len -->
+  <div class="container">
+    <section class="intro-single">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12 col-lg-8">
+            <div class="title-single-box">
+              <h1 class="title-single" style="text-align:left;">Privacy Policy</h1>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <div class="col-md-12">
+      <h3>Privacy</h3>
+      <p>We respect your privacy. This Privacy Policy governs the manner in which we will treat your personal information collected when using our website.</p>
+
+      <h3>How do we collect your personal information?</h3>
+      <p>Your personal information may be collected while using this website: when you contact us, when you complete an application form, when you check-in at your destination or when you make use of the services of one of our affiliated business partners. Personal information includes any information by which you can be identified and which relates to you as an identifiable individual, such as: your name, physical and postal addresses, email address, sex, age and internet address from the domain from which you are visiting.</p>
+
+      <h3>User of your personal information</h3>
+      <p>We need to process your personal information when you make use of our service. We use your personal information in the ordinary course of our business and to send you marketing material relating to our service offering. You can unsubscribe at any time and we will thereafter no longer use your personal information. We will not disclose your personal information to third parties unless justifiable in terms of an agreement between us.</p>
+
+      <h3>Access to and correction of personal information</h3>
+      <p>You may access your personal information that we hold by sending an email to: info@univateproperties.co.za</p>
+      <p>In the event that you want to update or correct your personal information held by us, you can send an email to: info@univateproperties.co.za</p>
+
+      <h3>Protection of your personal information</h3>
+      <p>We take reasonable steps and measures to keep your information secure from loss, misuse or unauthorised alteration. Our database has built-in safeguards to ensure the privacy and confidentiality of your information. We do not have control over the websites of affiliated parties or sites linked into from this site and you must therefore refer to the privacy policies of any such parties to see how they protect your personal information.</p>
+
+      <h3>Cookies</h3>
+      <p>We may use cookies. Cookies are programmes that we transfer to your computer's hard drive to personalise your experience on this website. In this way, the next time you visit, we will know who you are and that you have visited this website before. This will enable us to enhance your browsing experience. You can set your browser to notify you if cookies are to be transferred or to reject cookies but this may prevent your use of some of the web pages.</p>
+
+      <h3>Email Monitoring</h3>
+      <p>We provide email addresses on the website which enable you to contact us. Forms that you complete via this website will also be transmitted via email. In order to check for viruses and to monitor service we reserve the right to monitor and inspect all material and information transmitted over our system.</p>
+
+      <h3>Changes to this privacy policy</h3>
+      <p>We reserve the right, in our sole discretion, to amend this Privacy Policy from time to time. You agree to review the Privacy Policy whenever you visit this website for any such amendments. The amended version of the Privacy Policy shall supersede and replace all previous versions thereof.</p>
+
+      <h3>Which laws apply to your dealings with us?</h3>
+      <p>This policy will be governed and interpreted in accordance with the laws of South Africa. To the extent that a court has jurisdiction over any dispute which may arise out of or in connection with this Privacy Policy, we both submit to the jurisdiction of the South African Courts.</p>
+    </div>
+  </div>
+</template>
+<script>
+export default {};
+</script>

src/components/shared/footerSection.vue

@@ -4,39 +4,37 @@
       <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 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 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>
+                <h4 class="w-title-a text-brand">Navigation</h4>
               </div>
               <div class="w-body-a">
                 <div class="w-body-a">
@@ -48,7 +46,7 @@
                     <br />
                     <li class="item-list-a">
                       <i class="fa fa-angle-right"></i>
-                      <a href="#">Privacy Policy</a>
+                      <a class="a1" @click="routerGoTo('/privacypolicy')">Privacy Policy</a>
                     </li>
 
                     <br />
@@ -70,7 +68,7 @@
           <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>
+                <h4 class="w-title-a text-brand">Our Partners</h4>
               </div>
               <div class="w-body-a">
                 <ul class="list-unstyled">
@@ -80,7 +78,7 @@
                         class="img-fluid"
                         src="/img/logos/DAE_logo_notag.png"
                         alt="Logo"
-                        style="width:60px;height:40px;"
+                        style="width:50px;height:30px;"
                       />
                     </a>
                   </li>
@@ -91,7 +89,7 @@
                         class="img-fluid"
                         src="/img/logos/gomelo.png"
                         alt="Logo"
-                        style="width:40px;height:40px;"
+                        style="width:35px;height:35px;"
                       />
                     </a>
                   </li>
@@ -102,7 +100,7 @@
                         class="img-fluid"
                         src="/img/logos/rci.png"
                         alt="Logo"
-                        style="width:50px;height:25px;"
+                        style="width:40px;height:20px;"
                       />
                     </a>
                   </li>
@@ -113,11 +111,10 @@
                         class="img-fluid"
                         src="/img/logos/voasa.png"
                         alt="Logo"
-                        style="width:100px;height:50px;"
+                        style="width:90px;height:45px;"
                       />
                     </a>
                   </li>
-                  <br />
                 </ul>
               </div>
             </div>
@@ -139,7 +136,14 @@
             </div>
             <div class="credits">
               Site created by
-              <a href="https://www.provision-sa.com.com/">ProVision</a>
+              <router-link to="https://provision-sa.com">
+                <img
+                  src="img/logos/provision-logocropped.png"
+                  alt
+                  class="Provision Logo"
+                  style="width: 250px; height:15px;"
+                />
+              </router-link>
             </div>
           </div>
         </div>
@@ -148,5 +152,11 @@
   </div>
 </template>
 <script>
-export default {};
+export default {
+  methods: {
+    routerGoTo(goTo) {
+      this.$router.push(goTo);
+    },
+  },
+};
 </script>

src/router/index.js

@@ -29,6 +29,7 @@ import ResortPage from '../components/timeshare/resort/resortPage.vue';
 import UnitPage from '../components/timeshare/resort/unitPage.vue';
 
 import ContactUs from '../components/misc/contactUs.vue';
+import PrivacyPolicy from '../components/misc/privacyPolicyPage.vue';
 
 
 Vue.use(Router);
@@ -134,6 +135,11 @@ export default new Router({
     name: 'ContactUs',
     component: ContactUs,
   },
+  {
+    path: '/privacypolicy',
+    name: 'PrivacyPolicy',
+    component: PrivacyPolicy,
+  },
   {
     path: '/resort/:resortCode',
     name: 'ResortPage',