latest changes requested to remove ID number and date of birth
[namibia] / public / index.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>Bid4Cars</title>
10         <link rel="shortcut icon" href="/favicon.ico?v=0.01"/>
11
12         <link rel="stylesheet" href="/css/reset.css">
13         <link rel="stylesheet" href="/min/?g=css&amp;x=100">
14
15         <script src="/js/vendor/modernizr.min.js"></script>
16         <script src="/js/vendor/css3-mediaqueries.min.js"></script>
17
18         <!--
19     <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)" />
20      -->
21         <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)" />
22         <link rel="stylesheet" href="/css/app/mobile_small.css?v=0.05">
23         <link rel="stylesheet" href="/css/mobistyles.css?v=0.05" />
24         <link rel="stylesheet" href="/css/vendor/bootstrap-responsive.css">
25
26         <!--[if IE]>
27         <link rel="stylesheet" type="text/css" href="/css/ie.css?v=0.01" />
28         <link rel="stylesheet" type="text/css" href="/css/ie/layout.css?v=0.01" />
29
30         <![endif]-->
31
32         <!--[if lt IE 8]>
33         <center>
34                 <div style="background:#ff6060">
35                         <div class="header">
36                                 <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
37                         </div>
38                         <div class="body">
39                                 <div class="row-fluid">
40                                         <div class="span12">
41                                                 <p>
42                                                         This site will not work as intended on this version of Internet Explorer.
43                                                         <a target="blank" href="http://windows.microsoft.com/en-us/internet-explorer/ie-9-worldwide-languages">Please download IE 9 or higher.</a>
44                                                         <br>
45                                                 </p>
46                                         </div>
47                                 </div>
48                         </div>
49                 </div>
50         </center>
51         <![endif]-->
52
53
54         <meta id="MetaViewport" name="viewport" content="width=device-width">
55         <script>
56                 if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
57                 {
58                         $('#MetaViewport').attr('content', 'width=480px');
59                 }
60         </script>
61 </head>
62 <body>
63 <header id="mobiCheck" class="hidden-phone">
64         <div class="logo">
65                 <div class="hidden-phone header container-fluid">
66                                 <span id="su_container">
67                                 <div class="control-group suDropdownContainer" id="x_sugroup">
68                                 </div>
69                                 <div class="control-group suDropdownContainer" id="x_sudivision">
70                                 </div>
71                                 <div class="control-group suDropdownContainer" id="x_sucompany">
72                                 </div>
73                                 </span>
74                         <div class="row-fluid header-top">
75                                 <div id="user-details" class="span3 user-details invisible">
76                                         <div id="LoggedIn">
77                                                 <p class="detail-label">Logged in as:</p>
78                                                 <p class="auth-username">NAME</p>
79                                         </div>
80                                         <div id="LoginId">
81                                                 <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
82                                                 <p class="detail-label">Welcome</p>
83                                                 <p class="auth-name">Name</p>
84                                         </div>
85                                         <div id="TimeIn">
86                                                 <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
87                                         </div>
88                                 </div>
89                         </div>
90                         <div class="row-fluid header-bottom">
91                                 <div id="PortalMenu" class="main-menu-container" style="display:none;">
92                                         <div class="span11 nav-bar">
93                                                 <ul class="navbar">
94                                                         <li class="hide b_auction">
95                                                                 <!-- <span class="notification">5</span> -->
96                                                                 <a href="#/auction">ON AUCTION</a>
97                                                         </li>
98                                                         <li class="hide b_stock">
99                                                                 <!-- <span class="notification">5</span> -->
100                                                                 <a href="#/stock">MY STOCK</a>
101                                                         </li>
102                                                         <li class="hide b_tcstock">
103                                                                 <!-- <span class="notification">5</span> -->
104                                                                 <a href="#/tcstock">TRADE STOCK</a>
105                                                         </li>
106                                                         <li class="hide b_valuations">
107                                                                 <!-- <span class="notification">5</span> -->
108                                                                 <a href="#/valuations">MY VALUATIONS</a>
109                                                         </li>
110                                                         <li class="hide b_historicaldata">
111                                                                 <!-- <span class="notification">5</span> -->
112                                                                 <a href="#/historicaldata">HISTORICAL DATA</a>
113                                                         </li>
114                                                         <li class="hide b_settings"><a href="#/settings">MY SETTINGS</a></li>
115                                                         <li><a href="#/contact_us">CONTACT US</a></li>
116                                                         <li class="hide b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>
117
118                                                         <!-- Admin navigation -->
119                                                         <li class="hide b_permissions">
120                                                                 <a href="#/userpermissions">PERMISSIONS</a>
121                                                         </li>
122                                                         <li class="hide b_groups">
123                                                                 <a href="#/groups">GROUPS</a>
124                                                         </li>
125                                                         <li class="hide b_divisions">
126                                                                 <a href="#/divisions">DIVISIONS</a>
127                                                         </li>
128                                                         <li class="hide b_dealers">
129                                                                 <a href="#/dealers">DEALERS</a>
130                                                         </li>
131                                                         <li class="hide b_systemusers">
132                                                                 <a href="#/systemusers">USERS</a>
133                                                         </li>
134                                                         <li class="hide b_systemsettings">
135                                                                 <a href="#/systemsettings">SETTINGS</a>
136                                                         </li>
137                                                         <li class="hide b_reports">
138                                                                 <a href="#/reports">REPORTS</a>
139                                                         </li>
140                                                         <li class="hide b_auctions">
141                                                                 <a href="#/systemauctions">AUCTIONS</a>
142                                                         </li>
143                                                         <li class="hide b_newsletters">
144                                                                 <a href="#/newsletters">NEWSLETTERS</a>
145                                                         </li>
146                                                         <li class="hide b_valuationCalendar">
147                                                                 <a href="#/valuationcalendar">VALUATION CALENDAR</a>
148                                                         </li>
149                                                 </ul>
150                                         </div>
151                                         <div class="hide nav-login b_logout">
152                                                 <a href="#" >LOGOUT</a>
153                                         </div>
154                                 </div>
155
156                                         <span id="menu">
157                                         <div id="BrochureMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style="display:none;">
158                                                         <div>
159                                                                 <ul>
160                                                                         <li class="select_page"><a href="/#/" title="">Home</a></li>
161                                                                         <!--<li><a href="/#/about_us" title="">ABOUT US</a></li>-->
162                                                                         <li><a href="/documents/Terms_and_Conditions.pdf" target="_blank" title="">Terms &amp; Conditions</a></li>
163                                                                         <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
164                                                                         <li><a href="/#/contact_us" title="">CONTACT US</a></li>
165                                                                         <li><a id="log" href="/#/login" title="">LOGIN</a></li>
166                                                                 </ul>
167                                                         </div>
168                                                 </div>
169
170
171                                         <div id="PublicMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style ="display:none;">
172                                                         <div>
173                                                                 <ul>
174                                                                         <li class="select_page"><a href="/#/" title="">HOME</a></li>
175                                                                         <li><a href="/documents/Terms_Public.pdf" target="_blank" title="">Terms &amp; Conditions</a></li>
176                                                                         <li><a href="#/publicfaq" title="">FAQ</a></li>
177                                                                         <!--<li><a href="#/publiccontact_us" title="">CONTACT US</a></li>-->
178                                                                         <li><a href="#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
179                                                                         <li><a id="log" href="/#/dealerhome" title="">LOGIN</a></li>
180                                                                 </ul>
181                                                         </div>
182                                                 </div>
183                                 </span>
184
185                         </div>
186
187                 </div>
188
189
190         </div>
191 </header>
192
193 <div class="visible-phone mobile-header container-fluid">
194         <div class="row-fluid mobile-header-top">
195                 <div class="span12 logo">
196                         <div class="hide nav-login b_logout">
197                                 <button class="btn btn-danger mobile-nav-logout b_logout" href="#">LOGOUT</button>
198                         </div>
199                 </div>
200         </div>
201
202         <div class="row-fluid mobile-header-middle">
203                 <div class="span12 mobile-Login">
204                         <div class="mobile-detail-label">
205                                 <p>Logged in as:</p>
206                                 <p class="auth-username logged-in">Name</p>
207                         </div>
208                         <div class="mobile-time-in">
209                                 <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
210                         </div>
211                 </div>
212         </div>
213
214         <div class="row-fluid mobile-header-bottom">
215
216                 <div id="MobiPortalMenu"  style ="display:none;">
217                         <div class="span12">
218                                 <h1 class="bottom-heading"></h1>
219
220                                 <div class="btn-group drop-down-menu-btn">
221                                         <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
222                                         </a>
223
224                                         <ul class="dropdown-menu pull-right mobi-nav">
225                                                 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
226                                                 <li class="b_auction"><a href="#/auction">ON AUCTION</a></li>
227                                                 <li class="b_stock"><a href="#/stock">MY STOCK</a></li>
228                                                 <li class="b_valuations"><a href="#/valuations">MY VALUATIONS</a></li>
229                                                 <li class="b_settings"><a href="#/settings">MY SETTINGS</a></li>
230                                                 <li class="b_priceGuide"><a href="#/priceguide">PRICE GUIDE</a></li>
231                                         </ul>
232                                 </div>
233
234                         </div>
235                 </div>
236
237                 <!--  Mobi options here -->
238
239                 <div id="MobiAuctionPriceGuideMenu" class="row-fluid" style ="display:none; padding:10px;">
240                         <div class="row">
241                                 <button class="btn btn-danger pull-left" id="mobiAuctionBtn" type="button">Auction</button>
242                                 <button class="btn btn-danger pull-right" id="mobiPriceGuideBtn" type="button">Price Guide</button>
243                                 <button class="btn btn-danger pull-right" id="mobiValuationsBtn" type="button">Valuations</button>
244                         </div>
245                 </div>
246
247
248                 <div id="MobiBrochureMenu" class="is-brochure-menu" style ="display:none;">
249                         <div class="span12">
250                                 <h1 class="bottom-heading"></h1>
251
252                                 <div class="btn-group drop-down-menu-btn">
253                                         <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
254                                         </a>
255
256                                         <ul class="dropdown-menu pull-right mobi-nav">
257                                                 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
258                                                 <li><a href="#/">HOME</a></li>
259                                                 <!--<li><a href="#/about_us">ABOUT US</a></li>-->
260                                                 <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
261                                                 <!--<li><a href="/#/faq" title="">FAQ</a></li>-->
262                                                 <li id="login_mobi"><a href="#/login">LOGIN</a></li>
263                                                 <li><a href="#/contact_us">CONTACT US</a></li>
264                                         </ul>
265                                 </div>
266
267                         </div>
268                 </div>
269
270                 <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
271                         <div class="span12">
272                                 <h1 class="bottom-heading"></h1>
273
274                                 <div class="btn-group drop-down-menu-btn">
275                                         <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
276                                         </a>
277
278                                         <ul class="dropdown-menu pull-right mobi-nav">
279                                                 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
280                                                 <li><a href="/#/">HOME</a></li>
281                                                 <li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>
282                                                 <!--<li><a href="/#/publicfaq" title="">FAQ</a></li>-->
283                                                 <li><a href="/#/publiccontact_us">CONTACT US</a></li>
284                                                 <li><a href="/#/publicvaluation" title="">SUBMIT VEHICLE</a></li>
285                                                 <li id="login_mobi"><a href="#/dealerhome">LOGIN</a></li>
286                                         </ul>
287                                 </div>
288
289                         </div>
290                 </div>
291
292
293         </div>
294 </div>
295
296 <div id="sectionMain" class="main-section">
297         <div id="PageContent" class="container-fluid main">
298         </div>
299 </div>
300
301 <div id="sectionImage" class="image-section hide">
302         <div class="container-fluid">
303                 <div class="row-fluid">
304                         <div class="span12">
305                                 <br/>
306                                 <button type="button" class="btn btn-danger wide-button pull-right"
307                                                 onClick="$('#sectionImage').hide(); $('#imgLarge').attr('src', ''); $('#sectionMain').show();">
308                                         <i class="icon-remove icon-white"></i>
309                                         Close
310                                 </button>
311                                 <center><img class="img-polaroid" id="imgLarge" /></center>
312                                 <br/>
313                         </div>
314                 </div>
315         </div>
316 </div>
317
318 <!-- General use modal -->
319 <div class="modal modal-full in hide" id="frmModal" tabindex="-1" role="dialog" aria-labelledby="modalFormTitle" aria-hidden="true">
320         <div class="modal-dialog">
321                 <div class="modal-content">
322                         <div class="modal-header">
323                                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
324                                 <h4 id="modalFormTitle" class="modal-title">Customer Valuation</h4>
325                         </div>
326                         <div id="modalFormContent" class="modal-body">
327                         </div>
328                 </div><!-- /.modal-content -->
329         </div><!-- /.modal-dialog -->
330 </div><!-- /.modal -->
331
332
333
334 <!-- App Libraries -->
335 <script src="/min/?g=vendorJs&amp;020" type="text/javascript"></script>
336 <script src="/min/?g=appJs&amp;131" type="text/javascript"></script>
337
338
339 <script type="text/javascript">
340         $('#PortalMenu').hide();
341         $(document).ready(function()
342         {
343                 $('header .logo').css("background", "url(/imgs/header-with-logo.jpg)");
344                 $('header .logo').css("background-position", "51% 0%");
345                 $('header .logo').css("background-repeat", "no-repeat");
346         });
347 </script>
348
349
350 </body>
351 </html>
352