click to refresh issue
[namibia] / public / brochure.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4
5         <meta charset="utf-8">
6         <meta http-equiv="X-UA-Compatible" content="IE=edge">
7         <meta name="viewport" content="width=device-width, initial-scale=1">
8
9         <title>WePay4Cars</title>
10
11         <link rel="stylesheet" href="/css/reset.css">
12         <link rel="stylesheet" href="/min/?g=css&amp;x=10">
13
14         <script src="/js/vendor/modernizr.min.js"></script>
15         <script src="/js/vendor/css3-mediaqueries.min.js"></script>
16
17         <!--
18     <link rel="stylesheet" href="/css/app/tablet_valuations.css?v=0.02" media="only screen and (min-width: 768px) and (max-width: 1200px), only screen and (max-device-width: 1200px)" />
19      -->
20         <link rel="stylesheet" href="/css/app/mobile_valuations.css?v=0.05" media="only screen and (max-width: 767px), only screen and (max-device-width: 767px)" />
21         <link rel="stylesheet" href="/css/app/mobile_small.css">
22         <link rel="stylesheet" href="/css/mobistyles.css" />
23         <link rel="stylesheet" href="/css/vendor/bootstrap-responsive.css">
24
25         <!--[if IE]>
26         <link rel="stylesheet" type="text/css" href="/css/ie.css" />
27         <link rel="stylesheet" type="text/css" href="/css/ie/layout.css" />
28
29         <![endif]-->
30
31         <!--[if lt IE 8]>
32         <center>
33                 <div style="background:#ff6060">
34                         <div class="header">
35                                 <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
36                         </div>
37                         <div class="body">
38                                 <div class="row-fluid">
39                                         <div class="span12">
40                                                 <p>
41                                                         This site will not work as intended on this version of Internet Explorer.
42                                                         <a target="blank" href="http://windows.microsoft.com/en-us/internet-explorer/ie-9-worldwide-languages">Please download IE 9 or higher.</a>
43                                                         <br>
44                                                 </p>
45                                         </div>
46                                 </div>
47                         </div>
48                 </div>
49         </center>
50         <![endif]-->
51
52
53         <meta id="MetaViewport" name="viewport" content="width=device-width">
54         <script>
55                 if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
56                 {
57                         $('#MetaViewport').attr('content', 'width=480px');
58                 }
59         </script>
60 </head>
61 <body>
62 <header id="mobiCheck" class="hidden-phone">
63         <div class="logo">
64
65                 <div class="hidden-phone header container-fluid">
66
67                                 <span id="su_container">
68                                 <div class="control-group suDropdownContainer" id="x_sugroup">
69                                 </div>
70                                 <div class="control-group suDropdownContainer" id="x_sudivision">
71                                 </div>
72                                 <div class="control-group suDropdownContainer" id="x_sucompany">
73                                 </div>
74                                 </span>
75                         <div class="row-fluid header-top">
76                                 <div id="user-details" class="span3 user-details invisible">
77                                         <div id="LoggedIn">
78                                                 <p class="detail-label">Logged in as:</p>
79                                                 <p class="auth-username">NAME</p>
80                                         </div>
81                                         <div id="LoginId">
82                                                 <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
83                                                 <p class="detail-label">Welcome</p>
84                                                 <p class="auth-name">Name</p>
85                                         </div>
86                                         <div id="TimeIn">
87                                                 <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
88                                         </div>
89                                 </div>
90                                 <div class=" head-text">
91                                         <img src="imgs/wp4c.png" width="400px">
92                                 </div>
93                                 <div class="head-contact">
94                                         <!--<h3>Contact Us</h3>-->
95                                         <!--<h4>021 917 1018 <br></h4>-->
96                                         <!--<span>Caledon West Street<br>Bellville South<br>Cape Town, 7530</span>-->
97                                         <h3>Gauteng 011 454 2750</h3>
98                                         <!--<h3>Kwazulu Natal</h3>-->
99
100                                         <h3>Western Cape 021 917 1018</h3>
101                                         <img src="imgs/imperial_group.png" width="160px;">
102
103                                 </div>
104                         </div>
105                         <div class="row-fluid header-bottom">
106                                         <span id="menu">
107                                         <div id="PublicMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style ="display:none;">
108                                                         <div>
109                                                                 <ul>
110                                                                         <li class="select_page"><a href="/#/" title="">HOME</a></li>
111                                                                         <li><a href="/documents/t_c_7Sept16.pdf" target="_blank" title="">Terms &amp; Conditions</a></li>
112                                                                         <li><a href="#/publicfaq" title="">FAQ</a></li>
113                                                                         <!--<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>-->
114                                                                         <li><a href="#/publiccontact_us" title="">Email US</a></li>
115
116                                                                         <!--<li><a href="http://google.co.za" title="" target="_blank">TEST</a></li>-->
117                                                                 </ul>
118                                                         </div>
119                                                 </div>
120                                 </span>
121
122                         </div>
123                 </div>
124         </div>
125 </header>
126
127 <div class="visible-phone mobile-header container-fluid">
128         <div class="cc-mobile-header">
129                 <!--<div class="row-fluid cc-mobile-header-top">-->
130                 <div class="row-fluid">
131                         <!--<div class="span12 logo">-->
132
133                         <!--<div class="hide nav-login b_logout">-->
134                         <!--<button class="btn btn-danger mobile-nav-logout b_logout" href="#">&nbsp;</button>-->
135                         <!--</div>-->
136                         <!--</div>-->
137
138                         <div class=" head-text">
139                                 <img src="imgs/wp4c.png" width="300px" style="width:300px!important;">
140                         </div>
141                         <div class="head-contact">
142                                 <!--<h3>Contact Us</h3>-->
143                                 <!--<h4>021 917 1018 <br></h4>-->
144                                 <!--<span>Caledon West Street<br>Bellville South<br>Cape Town, 7530</span>-->
145                                 <h3>Gauteng 011 454 2750</h3>
146                                 <!--<h3>Kwazulu Natal</h3>-->
147
148                                 <h3>Western Cape 021 917 1018</h3>
149                                 <img src="imgs/imperial_group.png" width="160px">
150                         </div>
151                 </div>
152
153         </div>
154         <!-- <div class="row-fluid mobile-header-middle">
155         <div class="span12 mobile-Login">
156             <div class="mobile-detail-label">
157                 <p>Logged in as:</p>
158                 <p class="auth-username logged-in">Name</p>
159             </div>
160             <div class="mobile-time-in">
161                 <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
162             </div>
163         </div>
164     </div> -->
165
166         <div class="row-fluid mobile-header-bottom">
167
168                 <!--  Mobi options here -->
169
170                 <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
171                         <div class="span12">
172                                 <h1 class="bottom-heading"></h1>
173
174                                 <div class="btn-group drop-down-menu-btn">
175                                         <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
176                                         </a>
177
178                                         <ul class="dropdown-menu pull-right mobi-nav">
179                                                 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
180                                                 <li><a href="/#/">HOME</a></li>
181                                                 <!--<li><a href="/#/publicvaluation">VALUATIONS</a></li>-->
182                                                 <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
183                                                 <li><a href="/#/publicfaq" title="">FAQ</a></li>
184                                                 <li><a href="/#/publiccontact_us">CONTACT US</a></li>
185                                         </ul>
186                                 </div>
187
188                         </div>
189                 </div>
190
191
192         </div>
193 </div>
194
195 <div id="sectionMain" class="main-section">
196         <div id="PageContent" class="container-fluid main">
197         </div>
198 </div>
199
200 <div id="sectionImage" class="image-section hide">
201         <div class="container-fluid">
202                 <div class="row-fluid">
203                         <div class="span12">
204                                 <br/>
205                                 <button type="button" class="btn btn-danger wide-button pull-right"
206                                                 onClick="$('#sectionImage').hide(); $('#imgLarge').attr('src', ''); $('#sectionMain').show();">
207                                         <i class="icon-remove icon-white"></i>
208                                         Close
209                                 </button>
210                                 <center><img class="img-polaroid" id="imgLarge" /></center>
211                                 <br/>
212                         </div>
213                 </div>
214         </div>
215 </div>
216
217
218 <!-- App Libraries -->
219 <script src="/min/?g=vendorJsBrochure&amp;016" type="text/javascript"></script>
220 <script src="/min/?g=appJsBrochure&amp;016" type="text/javascript"></script>
221 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
222
223 <script type="text/javascript">
224         $(document).ready(function()
225         {
226 //                      $('header .logo').css("background", "#006ecd url(/imgs/header-with-logo-cc.png)");
227                 $('header .logo').addClass("gradient");
228                 $('.cc-mobile-header').addClass("gradient");
229                 $('.mobile-header-bottom').css("background", "#f7931e");
230
231                 $('.main-section').css("border-top", "3px solid #f7931e");
232                 $('.main-section').css("min-height", "1200px");
233
234                 $('#user-details').hide();
235
236         });
237 </script>
238
239
240 </body>
241 </html>