xp-dev.com Git - namibia/blob - public/templates/page/publiccontact_us.html

   1 <script>
   2         dataLayer = [];
   3 </script>
   4 <!-- Google Tag Manager -->
   5 <noscript>
   6         <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PQWKM6" height="0" width="0"
   7                 style="display:none;visibility:hidden"></iframe>
   8 </noscript>
   9 <script>(function (w, d, s, l, i) {
  10         w[l] = w[l] || [];
  11         w[l].push({
  12                 'gtm.start': new Date().getTime(), event: 'gtm.js'
  13         });
  14         var f = d.getElementsByTagName(s)[0],
  15                   j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  16         j.async = true;
  17         j.src =
  18                   '//www.googletagmanager.com/gtm.js?id=' + i + dl;
  19         f.parentNode.insertBefore(j, f);
  20 })(window, document, 'script', 'dataLayer', 'GTM-PQWKM6');
  21 </script>
  22 <!-- End Google Tag Manager -->
  23
  24
  25 <center>
  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>
  29                 </div>
  30                 <div class="contactDiv">
  31                         <!--<div class="contact_lft">-->
  32                                 <!--<div class="arrowDiv">-->
  33                                         <!--<h2>feel</h2>-->
  34
  35                                         <!--<p>free to</p>-->
  36                                         <!--<a href="#" title="">contact us</a>-->
  37                                 <!--</div>-->
  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>-->
  46                                                 <!--<p>7530</p>-->
  47                                         <!--</div>-->
  48                                         <!--<p class="contact-no"><font size=5 color="#d52e31">Contact</br> 021 917 1018</font></p>-->
  49                                 <!--</div>-->
  50                         <!--</div>-->
  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>
  60                         </select>
  61                     </div>
  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">+27</span>
  67                             <span class="inputDiv" ><input type="text" name="mobile" required placeholder="Mobile phone" /></span>
  68                         </div>
  69                     </div>
  70                     <div class="control-group mobile-control-group inputDivs">
  71                         <div class="input-prepend">
  72                             <span class="add-on">+27</span>
  73                             <span class="inputDiv"><input type="text" name="telephone" required placeholder="Telephone" /></span>
  74                         </div>
  75                     </div>
  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="&nbsp;"/></div>
  79                                 </form>
  80                         <!--</div>-->
  81                 </div>
  82         </div>
  83 </center>
  84
  85 <!--<div class="gradientFoot navbar-fixed-bottom">&lt;!&ndash;footerSec&ndash;&gt;-->
  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 &amp; 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>-->
  94                         <!--<br/>-->
  95                         <!--<p>&nbsp;</p>-->
  96                 <!--</ul>-->
  97                 <!--<div class="footer_rgt">-->
  98                         <!--<ul>-->
  99                                 <!--<li><a href="/#" title=""><img src="/images/flag02.png" alt=""/></a></li>-->
 100                         <!--</ul>-->
 101                 <!--</div>-->
 102         <!--</div>-->
 103 <!--</div>&lt;!&ndash;/footerSec&ndash;&gt;-->
 104
 105 <script>
 106 //      $("#contactForm").submit(function () {
 107 //              var data = $(this).serialize();
 108 //              $.post('/workspace/contact-request-cc', data, function (data) {
 109 //                      if (data.Status == "Success")
 110 //                      {
 111 //                              alert('Your message has been sent');
 112 //                              window.history.back();
 113 //                      }
 114 //              });
 115 //              return false;
 116 //      });
 117
 118 $.validator.addMethod("valueNotEquals", function(value, element, arg){
 119     return arg != value;
 120 }, "Location must be selected.");
 121
 122 var rules = {
 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}
 130 };
 131
 132 $('#contactForm').validate({
 133     "rules": rules,
 134     messages: {
 135         name: {
 136             minlength: "This field is required."
 137         },
 138         company: {
 139             minlength: "This field is required."
 140         },
 141         email: {
 142             required: "This field is required.",
 143             email: "Please enter a valid<br/>email address."
 144         },
 145         mobile : "This field is required.",
 146         telephone : "This field is required.",
 147         subject : "This field is required.",
 148         message : {
 149             minlength: "This field is required."
 150         }
 151     },
 152     invalidHandler: function(event, validator) {
 153
 154 //        console.log('event',event);
 155 //        console.log('validator',validator);
 156
 157         var errors = validator.numberOfInvalids();
 158
 159 //        console.log('errors',errors);
 160
 161         if (errors) {
 162             var message = 'Please fill in all required fields. It has been highlighted';
 163             alert(message);
 164         }
 165         _w.publicvaluation.validations++;
 166     },
 167     submitHandler: function( form ) {
 168
 169         var data = $('#contactForm').serialize();
 170
 171 //        console.log('data',data);
 172
 173         $.post('/workspace/contact-request-cc', data, function (data) {
 174             if (data.Status == "Success")
 175             {
 176                 alert('Your message has been sent');
 177                 window.history.back();
 178             }
 179         });
 180
 181         return;
 182     }
 183 });
 184
 185 </script>