67f42490055602151bdd768b46ba2cdd810d2a1a
[namibia] / public / templates / page / contact_us.html
1 <center>
2 <div class="Terms">
3         <div class="Terms_top">
4                 <h2>Contact us</h2>
5         </div>
6         <div class="contactDiv">
7                 <div class="contact_lft">
8                         <div class="arrowDiv">
9                                 <h2>feel</h2>
10                                 <p>free to</p>
11                                 <a href="#" title="">contact us</a>
12                         </div>
13                         <div class="contactText">
14                                 <div class="contactpost">
15                                         <p>Rossiter Trading (Pty) Ltd. t/a Bid4Cars</p>
16                                         <p>Registration number: 2007/025943/07</p>
17                                         <p>VAT No. 4520254782</p>
18                                         <p>7 Corobrick Road, Meadowdale, Edenvale, 1600</p>
19                                 </div>
20                                 <p class="contact-no"><font size=5 color="#d52e31">Contact</br> william@bid4cars.com.na</font></p>
21                                 <!--<div class="contactpost head-office-info ">-->
22                                         <!--<p>Head Office</p>-->
23                                         <!--<p>021 824 1882/3 — <a href="mailto:info@bid4cars.com.na" title="">info@bid4cars.com.na</a></p>-->
24                                 <!--</div>-->
25
26                         </div>
27                 </div>
28                 <div class="contactForm">
29                         <form id="contactForm">
30                                 <div class="inputDiv"><input type="text" name="name" id="name" required placeholder="Name and surname" /></div>
31                                 <div class="inputDiv"><input type="text" name="company" id="company" required placeholder="Trading name" /></div>
32                                 <div class="inputDiv"><input type="text" name="email" id="email" required placeholder="E-mail address" /></div>
33                                 <div class="control-group mobile-control-group inputDivs">
34                                     <div class="input-prepend">
35                                         <span class="add-on">+264</span>
36                                         <span class="inputDiv" ><input type="text" name="mobile" required placeholder="Mobile phone" /></span>
37                                     </div>
38                                 </div>
39                                 <div class="control-group mobile-control-group inputDivs">
40                                     <div class="input-prepend">
41                                         <span class="add-on">+264</span>
42                                         <span class="inputDiv"><input type="text" name="telephone" required placeholder="Telephone" /></span>
43                                     </div>
44                                 </div>
45                                 <div class="inputDiv"><input type="text" name="subject" id="subject" required placeholder="Subject"/></div>
46                                 <div class="inputDiv"><textarea cols="5" name="message" id="message" required rows="5" placeholder="Message"></textarea></div>
47                                 <div class="sentbtn"><input type="submit" value="&nbsp;" /></div>
48                         </form>
49                 </div>
50         </div>
51 </div>
52 </center>
53
54 <div class="footerSec navbar-fixed-bottom"><!--footerSec-->
55     <div class="footer">
56     <ul class="fmenu">
57             <li><a href="/" title="">Home</a></li>
58             <li><a href="/#/about_us" title="">ABOUT US</a></li>
59             <li><a href="/documents/Terms_and_Conditions.pdf" title="" target="_blank">Terms &amp; Conditions</a></li>
60                                     <li><a href="/documents/Legal_Notice.pdf" title="" target="_blank">Legal Notice</a></li>
61                                     <li><a href="/documents/Privacy_Policy.pdf" title="" target="_blank">Privacy Policy</a></li>
62             <li><a href="/#/faq" title="">FAQ</a></li>
63             <li><a href="/#/contact_us" title="">CONTACT US</a></li>
64             <br/>
65             <p><font size=3 color="#ffffff">Contact Bid4Cars Helpdesk on 0861 00 70 70</font></p>
66     </ul>
67     <div class="footer_rgt">
68             <ul>
69                 <!--    <li><img src="/imgs/logo-imperial.png" alt="" /></li> 
70                                 <li><a href="/#" title=""><img src="/images/flag01.png" alt="" /></a></li> -->
71                                 <li><a href="/#" title=""><img src="/images/flag02.png" alt="" /></a></li>
72             </ul>
73             <div class="sig"><a href="/#/register" title="">Sign up</a></div>
74     </div>
75     </div>
76 </div><!--/footerSec-->
77
78 <script>
79     var rules = {
80         name: {required: true, minlength: 3},
81         company: {required: true, minlength: 3},
82         email: {required: true, email: true},
83         mobile: {required: true, mobile: true},
84         telephone: {required: true, mobile: true},
85         subject: {required: true},
86         message: {required: true, minlength: 3}
87     };
88
89     $('#contactForm').validate({
90         "rules": rules,
91         messages: {
92             name: {
93                 minlength: "This field is required."
94             },
95             company: {
96                 minlength: "This field is required."
97             },
98             email: {
99                 required: "This field is required.",
100                 email: "Please enter a valid<br/>email address."
101             },
102             mobile : "This field is required.",
103             telephone : "This field is required.",
104             subject : "This field is required.",
105             message : {
106                 minlength: "This field is required."
107             }
108         },
109         invalidHandler: function(event, validator) {
110
111 //            console.log('event',event);
112 //            console.log('validator',validator);
113
114             var errors = validator.numberOfInvalids();
115
116 //            console.log('errors',errors);
117
118             if (errors) {
119                 var message = 'Please fill in all required fields. It has been highlighted';
120                 alert(message);
121             }
122             _w.publicvaluation.validations++;
123         },
124         submitHandler: function( form ) {
125
126             var data = $('#contactForm').serialize();
127
128 //            console.log('data',data);
129
130             $.post('/workspace/contact-request', data, function (data) {
131               if (data.Status == "Success")
132               {
133                 alert('Your message has been sent');
134                 window.history.back();
135               }
136             });
137
138             return;
139         }
140     });
141 </script>