Browse Source

Book A Viewing Changed to More Info

master
Lene 4 years ago
parent
commit
b75a19c497

+ 22
- 0
src/components/misc/Disclaimer/WebsiteDisclaimer.vue View File

1
+<template>
2
+  <div>
3
+    <carouselSection />
4
+    <main id="main" style="margin-top:-20px;padding-bottom:50px">
5
+      <contentSection />
6
+    </main>
7
+  </div>
8
+</template>
9
+
10
+<script>
11
+/* eslint-disable */
12
+import carouselSection from "./carouselSection";
13
+import contentSection from "./contentSection";
14
+export default {
15
+  components: {
16
+    carouselSection,
17
+    contentSection
18
+  }
19
+};
20
+</script>
21
+
22
+<style lang="scss" scoped></style>

+ 46
- 0
src/components/misc/Disclaimer/carouselSection.vue View File

1
+<template>
2
+  <section id="intro">
3
+    <div class="container">
4
+      <div class="row">
5
+        <div align="left" class="col-sm-12 col-md-8">
6
+          <div class="intro-content box">
7
+            <h2>Website Dislcaimer</h2>
8
+          </div>
9
+        </div>
10
+      </div>
11
+    </div>
12
+
13
+    <carousel
14
+      :nav="false"
15
+      :dots="false"
16
+      :items="1"
17
+      :autoplay="true"
18
+      :loop="true"
19
+      id="intro-carousel"
20
+      style="margin-top:-50px"
21
+      :responsive="{ 0: { items: 1, nav: false }, 600: { items: 1, nav: false } }"
22
+    >
23
+      <img class="item" src="/img/intro-carousel/home-1.jpg" alt="" />
24
+      <img class="item" src="/img/intro-carousel/home-2.jpg" alt="" />
25
+      <img class="item" src="/img/intro-carousel/home-3.jpg" alt="" />
26
+      <img class="item" src="/img/intro-carousel/home-4.jpg" alt="" />
27
+      <img class="item" src="/img/intro-carousel/home-5.jpg" alt="" />
28
+      <img class="item" src="/img/intro-carousel/home-6.jpg" alt="" />
29
+    </carousel>
30
+
31
+    <div id="intro-carousel" class="owl-carousel"></div>
32
+  </section>
33
+</template>
34
+
35
+<script>
36
+/* eslint-disable */
37
+
38
+import carousel from "vue-owl-carousel";
39
+export default {
40
+  components: {
41
+    carousel
42
+  }
43
+};
44
+</script>
45
+
46
+<style lang="scss" scoped></style>

src/components/misc/WebsiteDisclaimer.vue → src/components/misc/Disclaimer/contentSection.vue View File

1
 <template>
1
 <template>
2
-  <!-- eslint-disable max-len -->
3
-  <main id="main" style="margin-top:-20px;padding-bottom:450px">
4
-    <div class="container">
5
-      <div class="row">
6
-        <div class="col-sm-12">
7
-          <div class="section-header">
8
-            <h2>Website Disclaimer</h2>
9
-          </div>
10
-        </div>
11
-        <div class="col-md-12 text-left">
12
-          <br />
13
-          <p style="text-align:left">
2
+  <div class="container pt-5">
3
+    <div class="row mb-3">
4
+      <div class="col-sm-12 col-md-6">
5
+        <p style="text-align:left">
14
             Since the Company has limited control over the information and variables provided by
6
             Since the Company has limited control over the information and variables provided by
15
             users the Company accepts no responsibility for any loss or damage of whatsoever nature
7
             users the Company accepts no responsibility for any loss or damage of whatsoever nature
16
             that may be caused or brought about, directly or indirectly, by the use of this Website
8
             that may be caused or brought about, directly or indirectly, by the use of this Website
17
             or reliance on any information contained therein.
9
             or reliance on any information contained therein.
18
-          </p>
19
-          <p class="text-left">
10
+        </p>
11
+      </div>
12
+      <div class="col-sm-12 col-md-6">
13
+        <p style="text-align:left">
20
             Any person who feels prejudiced by any information or variables contained on this
14
             Any person who feels prejudiced by any information or variables contained on this
21
             Website shall look to the persons who provided such information in case of any action
15
             Website shall look to the persons who provided such information in case of any action
22
             being taken.
16
             being taken.
23
-          </p>
24
-        </div>
17
+        </p>
25
       </div>
18
       </div>
26
     </div>
19
     </div>
27
-  </main>
20
+  </div>
28
 </template>
21
 </template>
22
+
29
 <script>
23
 <script>
30
 export default {};
24
 export default {};
31
 </script>
25
 </script>
26
+
27
+<style lang="scss" scoped></style>

+ 46
- 0
src/components/property/commercial/enquireNow/carouselSection.vue View File

1
+<template>
2
+  <section id="intro">
3
+    <div class="container">
4
+      <div class="row">
5
+        <div align="left" class="col-sm-12 col-md-8">
6
+          <div class="intro-content box">
7
+            <h2>More Info</h2>
8
+          </div>
9
+        </div>
10
+      </div>
11
+    </div>
12
+
13
+    <carousel
14
+      :nav="false"
15
+      :dots="false"
16
+      :items="1"
17
+      :autoplay="true"
18
+      :loop="true"
19
+      id="intro-carousel"
20
+      style="margin-top:-50px"
21
+      :responsive="{ 0: { items: 1, nav: false }, 600: { items: 1, nav: false } }"
22
+    >
23
+      <img class="item" src="/img/intro-carousel/home-1.jpg" alt="" />
24
+      <img class="item" src="/img/intro-carousel/home-2.jpg" alt="" />
25
+      <img class="item" src="/img/intro-carousel/home-3.jpg" alt="" />
26
+      <img class="item" src="/img/intro-carousel/home-4.jpg" alt="" />
27
+      <img class="item" src="/img/intro-carousel/home-5.jpg" alt="" />
28
+      <img class="item" src="/img/intro-carousel/home-6.jpg" alt="" />
29
+    </carousel>
30
+
31
+    <div id="intro-carousel" class="owl-carousel"></div>
32
+  </section>
33
+</template>
34
+
35
+<script>
36
+/* eslint-disable */
37
+
38
+import carousel from "vue-owl-carousel";
39
+export default {
40
+  components: {
41
+    carousel
42
+  }
43
+};
44
+</script>
45
+
46
+<style lang="scss" scoped></style>

+ 92
- 0
src/components/property/commercial/enquireNow/contentSection.vue View File

1
+<template>
2
+  <div class="container pt-5">
3
+        <div class="row mb-8">
4
+          <div class="col-md-6">
5
+            <form action="mailto:info@univateproperties.co.za" method="post" enctype="text/plain">
6
+              <div class="form-group row">
7
+                <div class="col-md-6">
8
+                  <div class="input-group-prepend">
9
+                    <span class="input-group-text">
10
+                      <eva-icon name="person" fill="#60CBEB"></eva-icon>
11
+                    </span>
12
+                    <label for="yourname"></label>
13
+                    <input
14
+                      id="yourname"
15
+                      name="yourname"
16
+                      placeholder="Your Name"
17
+                      type="text"
18
+                      required="required"
19
+                      class="form-control"
20
+                    />
21
+                  </div>
22
+                </div>
23
+                <div class="col-md-6">
24
+                  <div class="input-group-prepend">
25
+                    <span class="input-group-text">
26
+                      <eva-icon name="email" fill="#60CBEB"></eva-icon>
27
+                    </span>
28
+                    <label for="youremail"></label>
29
+                    <input
30
+                      id="youremail"
31
+                      name="youremail"
32
+                      placeholder="Your Email"
33
+                      type="text"
34
+                      required="required"
35
+                      class="form-control"
36
+                    />
37
+                  </div>
38
+                </div>
39
+              </div>
40
+              <div class="form-group row">
41
+                <div class="col-md-12">
42
+                  <div class="input-group-prepend">
43
+                    <span class="input-group-text">
44
+                      <eva-icon name="bookmark-outline" fill="#60CBEB"></eva-icon>
45
+                    </span>
46
+                    <label for="subject"></label>
47
+                    <input
48
+                      id="subject"
49
+                      name="subject"
50
+                      placeholder="Subject"
51
+                      type="text"
52
+                      class="form-control"
53
+                      required="required"
54
+                    />
55
+                  </div>
56
+                </div>
57
+              </div>
58
+              <div class="form-group row">
59
+                <div class="col-md-12">
60
+                  <div class="input-group-prepend">
61
+                    <span class="input-group-text">
62
+                      <eva-icon name="message-square-outline" fill="#60CBEB"></eva-icon>
63
+                    </span>
64
+                    <label for="message"></label>
65
+                    <textarea
66
+                      id="message"
67
+                      name="message"
68
+                      placeholder="Message"
69
+                      cols="40"
70
+                      rows="8"
71
+                      class="form-control"
72
+                      required="required"
73
+                    ></textarea>
74
+                  </div>
75
+                </div>
76
+              </div>
77
+              <div class="form-group row">
78
+                <div class="col-md-1">
79
+                  <button name="submit" type="submit" class="btn btn-b-n">Send Message</button>
80
+                </div>
81
+              </div>
82
+            </form>
83
+          </div>
84
+        </div>
85
+  </div>
86
+</template>
87
+
88
+<script>
89
+export default {};
90
+</script>
91
+
92
+<style lang="scss" scoped></style>

+ 22
- 0
src/components/property/commercial/enquireNow/enquirenow.vue View File

1
+<template>
2
+  <div>
3
+    <carouselSection />
4
+    <main id="main" style="margin-top:-20px;padding-bottom:50px">
5
+      <contentSection />
6
+    </main>
7
+  </div>
8
+</template>
9
+
10
+<script>
11
+/* eslint-disable */
12
+import carouselSection from "./carouselSection";
13
+import contentSection from "./contentSection";
14
+export default {
15
+  components: {
16
+    carouselSection,
17
+    contentSection
18
+  }
19
+};
20
+</script>
21
+
22
+<style lang="scss" scoped></style>

+ 9
- 8
src/components/property/commercial/singleView/contentSection.vue View File

27
 
27
 
28
           <div class="panel-left p-5" style="margin-top:140px; margin-bottom:50px">
28
           <div class="panel-left p-5" style="margin-top:140px; margin-bottom:50px">
29
             <h2>Property Detial</h2>
29
             <h2>Property Detial</h2>
30
-            <p>{{ property.addressLine1 }}</p>
31
-            <p>Town, Suburb</p>
30
+            <!-- <p>{{ property.addressLine1 }}</p>
31
+            <p>Town, Suburb</p> -->
32
             <p>{{ property.shortDescription }}</p>
32
             <p>{{ property.shortDescription }}</p>
33
-            <p>{{ property.price }}</p>
34
-            <div class="btn-white-border"><i class="fa fa-search"></i>BOOK A VIEWING</div>
33
+            <!-- <p>{{ property.price }}</p> -->
35
           </div>
34
           </div>
36
         </div>
35
         </div>
37
         <div class="col-md-8 p-5 resort-profile">
36
         <div class="col-md-8 p-5 resort-profile">
55
                   <td>Second Floor</td>
54
                   <td>Second Floor</td>
56
                   <td>yes</td>
55
                   <td>yes</td>
57
                   <td>open plan</td>
56
                   <td>open plan</td>
58
-                  <td><a href="#" class="btn-solid-blue">BOOK A VIEWING</a></td>
57
+                  <td>
58
+                    <router-link to="/EnquireNow">More Info</router-link>
59
+                  </td>
59
                 </tr>
60
                 </tr>
60
                 <tr>
61
                 <tr>
61
                   <td>#123456</td>
62
                   <td>#123456</td>
63
                   <td>Top Floor</td>
64
                   <td>Top Floor</td>
64
                   <td>yes</td>
65
                   <td>yes</td>
65
                   <td>open plan</td>
66
                   <td>open plan</td>
66
-                  <td><a href="#" class="btn-solid-blue">BOOK A VIEWING</a></td>
67
+                  <td><router-link to="/EnquireNow">More Info</router-link></td>
67
                 </tr>
68
                 </tr>
68
               </tbody>
69
               </tbody>
69
             </table>
70
             </table>
70
           </div>
71
           </div>
71
           <p></p>
72
           <p></p>
72
 
73
 
73
-          <div class="d-flex mt-3">
74
+          <!-- <div class="d-flex mt-3">
74
             <iframe
75
             <iframe
75
               width="100%"
76
               width="100%"
76
               height="200"
77
               height="200"
81
               marginheight="0"
82
               marginheight="0"
82
               marginwidth="0"
83
               marginwidth="0"
83
             ></iframe>
84
             ></iframe>
84
-          </div>
85
+          </div> -->
85
         </div>
86
         </div>
86
       </div>
87
       </div>
87
     </div>
88
     </div>

+ 7
- 1
src/router/index.js View File

48
 
48
 
49
 import ContactUs from "../components/misc/contactUs.vue";
49
 import ContactUs from "../components/misc/contactUs.vue";
50
 import PrivacyPolicy from "../components/misc//privacyPolicy/privacyPolicyPage.vue";
50
 import PrivacyPolicy from "../components/misc//privacyPolicy/privacyPolicyPage.vue";
51
-import WebsiteDisclaimer from "../components/misc/WebsiteDisclaimer.vue";
51
+import WebsiteDisclaimer from "../components/misc/Disclaimer/WebsiteDisclaimer.vue";
52
 
52
 
53
 import MakeOffer from "../components/processFlow/makeOffer.vue";
53
 import MakeOffer from "../components/processFlow/makeOffer.vue";
54
 import Offer from "../components/processFlow/offers.vue";
54
 import Offer from "../components/processFlow/offers.vue";
71
 import LandingPageWeek from "../components/marketing/landingPageWeek.vue";
71
 import LandingPageWeek from "../components/marketing/landingPageWeek.vue";
72
 import MarketingPage from "../components/marketing/clientView.vue";
72
 import MarketingPage from "../components/marketing/clientView.vue";
73
 import MarketingPageExp from "../components/marketing/landingPageExpired.vue";
73
 import MarketingPageExp from "../components/marketing/landingPageExpired.vue";
74
+import EnquireNow from '../components/property/commercial/enquireNow/enquirenow.vue';
74
 
75
 
75
 Vue.use(Router);
76
 Vue.use(Router);
76
 
77
 
393
       path: "/CampaignExpired",
394
       path: "/CampaignExpired",
394
       name: "CampaignExpired",
395
       name: "CampaignExpired",
395
       component: MarketingPageExp
396
       component: MarketingPageExp
397
+    },
398
+    {
399
+      path: "/EnquireNow",
400
+      name: "EnquireNow",
401
+      component: EnquireNow
396
     }
402
     }
397
   ]
403
   ]
398
 });
404
 });

Loading…
Cancel
Save