4 <!-- Google Tag Manager -->
6 <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PQWKM6" height="0" width="0"
7 style="display:none;visibility:hidden"></iframe>
9 <script>(function (w, d, s, l, i) {
12 'gtm.start': new Date().getTime(), event: 'gtm.js'
14 var f = d.getElementsByTagName(s)[0],
15 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
18 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
19 f.parentNode.insertBefore(j, f);
20 })(window, document, 'script', 'dataLayer', 'GTM-PQWKM6');
22 <!-- End Google Tag Manager -->
26 <div class="Terms" style="background-color:rgba(0,0,0,.5);">
27 <div class="Terms_top">
28 <h2 class="highlighted">We want to hear from you...</h2>
30 <div class="contactDiv">
31 <!--<div class="contact_lft">-->
32 <!--<div class="arrowDiv">-->
36 <!--<a href="#" title="">contact us</a>-->
38 <!--<div class="contactText">-->
39 <!--<div class="contactpost">-->
40 <!--<p>Cash-Cars Cape Town</p>-->
41 <!--<p>Southern Star Vehicle Yard</p>-->
42 <!--<p>Transnet Complex</p>-->
43 <!--<p>Caledon West Street</p>-->
44 <!--<p>Bellville South</p>-->
45 <!--<p>Cape Town</p>-->
48 <!--<p class="contact-no"><font size=5 color="#d52e31">Contact</br> 021 917 1018</font></p>-->
51 <!--<div class="contactForm">-->
52 <form id="contactForm">
53 <div class="inputDiv"><input type="text" name="name" id="name" required placeholder="Name and surname" /></div>
54 <!--<div class="inputDiv"><input type="text" name="company" id="company" required placeholder="Location" /></div>-->
55 <div class="inputDiv" >
56 <select placeholder="Location" name="company" id="company" style="color:slategray;margin-top: 5px;width: 225px;">
57 <option style="color:grey" value="0">Location</option>
58 <option style="color:black" value="1">Cape Town</option>
59 <option style="color:black" value="2">Johannesburg</option>
62 <!--<div class="control-group mobile-control-group" id="[tid]_vehicleYear">[vehicleYear]</div>-->
63 <div class="inputDiv"><input type="text" name="email" id="email" required placeholder="E-mail address" /></div>
64 <div class="control-group mobile-control-group inputDivs">
65 <div class="input-prepend">
66 <span class="add-on">+264</span>
67 <span class="inputDiv" ><input type="text" name="mobile" required placeholder="Mobile phone" /></span>
70 <div class="control-group mobile-control-group inputDivs">
71 <div class="input-prepend">
72 <span class="add-on">+264</span>
73 <span class="inputDiv"><input type="text" name="telephone" required placeholder="Telephone" /></span>
76 <div class="inputDiv"><input type="text" name="subject" id="subject" required placeholder="Subject"/></div>
77 <div class="inputDiv"><textarea cols="5" name="message" id="message" required rows="5" placeholder="Message"></textarea></div>
78 <div class="sentbtn"><input type="submit" value=" "/></div>
85 <!--<div class="gradientFoot navbar-fixed-bottom"><!–footerSec–>-->
86 <!--<div class="footer">-->
87 <!--<ul class="fmenu">-->
88 <!--<li><a href="/" title="">Home</a></li>-->
89 <!--<li><a href="/documents/Legal_Notice_v2.pdf" title="" target="_blank">Terms & Conditions</a></li>-->
90 <!--<li><a href="/documents/Legal_Notice_v2.pdf" title="" target="_blank">Legal Notice</a></li>-->
91 <!--<li><a href="/documents/Privacy_Policy_v2.pdf" title="" target="_blank">Privacy Policy</a></li>-->
92 <!--<li><a href="/#/publicfaq" title="">FAQ</a></li>-->
93 <!--<li><a href="/#/publiccontact_us" title="">CONTACT US</a></li>-->
97 <!--<div class="footer_rgt">-->
99 <!--<li><a href="/#" title=""><img src="/images/flag02.png" alt=""/></a></li>-->
103 <!--</div><!–/footerSec–>-->
106 // $("#contactForm").submit(function () {
107 // var data = $(this).serialize();
108 // $.post('/workspace/contact-request-cc', data, function (data) {
109 // if (data.Status == "Success")
111 // alert('Your message has been sent');
112 // window.history.back();
118 $.validator.addMethod("valueNotEquals", function(value, element, arg){
120 }, "Location must be selected.");
123 name: {required: true, minlength: 3},
124 company: {required:true, valueNotEquals: "0"},
125 email: {required: true, email: true},
126 mobile: {required: true, mobile: true},
127 telephone: {required: true, mobile: true},
128 subject: {required: true},
129 message: {required: true, minlength: 3}
132 $('#contactForm').validate({
136 minlength: "This field is required."
139 minlength: "This field is required."
142 required: "This field is required.",
143 email: "Please enter a valid<br/>email address."
145 mobile : "This field is required.",
146 telephone : "This field is required.",
147 subject : "This field is required.",
149 minlength: "This field is required."
152 invalidHandler: function(event, validator) {
154 // console.log('event',event);
155 // console.log('validator',validator);
157 var errors = validator.numberOfInvalids();
159 // console.log('errors',errors);
162 var message = 'Please fill in all required fields. It has been highlighted';
165 _w.publicvaluation.validations++;
167 submitHandler: function( form ) {
169 var data = $('#contactForm').serialize();
171 // console.log('data',data);
173 $.post('/workspace/contact-request-cc', data, function (data) {
174 if (data.Status == "Success")
176 alert('Your message has been sent');
177 window.history.back();