5 <title>Bid4Cars</title>
6 <link rel="stylesheet" href="css/vendor/bootstrap.css">
7 <link rel="stylesheet" href="css/vendor/bootstrap-responsive.css">
8 <link rel="stylesheet" href="css/app/valuations.css">
9 <link rel="stylesheet" type="text/css" media="only screen and (max-width: 767px), only screen and (max-device-width: 767px)" href="css/app/mobile_valuations.css" />
10 <script src="js/vendor/jquery-1.10.1.min.js" type="text/javascript"></script>
11 <script src="js/vendor/bootstrap.min.js" type="text/javascript"></script>
12 <script src="js/app/form_helpers.js" type="text/javascript"></script>
14 <script src="js/vendor/html5shiv.js"></script>
16 <meta id="MetaViewport" name="viewport" content="width=device-width">
18 if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
20 $('#MetaViewport').attr('content', 'width=480px');
26 <div class="hidden-phone header container-fluid">
27 <div class="row-fluid header-top">
28 <div class="span2 user-details">
30 <p class="detail-label">Logged in as:</p>
34 <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
35 <p class="detail-label">Welcome</p>
39 <p><span class="detail-label">Time:</span> <span id="Time">11h45</span></p>
43 <div class="row-fluid header-bottom">
44 <div class="span11 nav-bar">
47 <span class="notification">5</span>
48 <a href="">ON AUCTION</a>
51 <span class="notification">5</span>
52 <a href="">MY STOCK</a>
55 <span class="notification">5</span>
56 <a href="">MY VALUATIONS</a>
58 <li><a href="">MY SETTINGS</a></li>
59 <li><a href="">CONTACT US</a></li>
60 <li><a href="">PRICE GUIDE</a></li>
63 <div class="span1 nav-login">
64 <a href="#">LOGOUT</a>
70 <div class="visible-phone mobile-header container-fluid">
71 <div class="row-fluid mobile-header-top">
72 <div class="span12 logo">
73 <button class="btn btn-danger mobile-nav-logout" href="#">LOGOUT</button>
76 <div class="row-fluid mobile-header-middle">
77 <div class="span12 mobile-Login">
78 <div class="mobile-detail-label">
80 <p class="logged-in">Name</p>
82 <div class="mobile-time-in">
83 <p><span>Time:</span> <span class="time">11h45</span></p>
87 <div class="row-fluid mobile-header-bottom">
89 <h1 class="bottom-heading"></h1>
90 <div class="btn-group drop-down-menu-btn">
91 <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
92 <img src="imgs/mobile_list_icon.png" alt="">
93 <span class="mobile-caret"></span>
95 <ul class="dropdown-menu pull-right mobi-nav">
96 <img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">
97 <li><a href="">ON AUCTION</a></li>
98 <li><a href="">MY STOCK</a></li>
99 <li><a href="">MY VALUATIONS</a></li>
100 <li><a href="">MY SETTINGS</a></li>
101 <li><a href="">CONTACT US</a></li>
102 <li><a href="">PRICE GUIDE</a></li>
109 <div class="main-section">
110 <div class="main container-fluid">
111 <div class="row-fluid page-title-wrapper">
113 <h1 class="mobile-header-valuation">Valuations</h1>
114 <p class="mobile-paragraph">Please use the filters below to narrow down the view</p>
116 <div class="span5 btn-wrapper export-btn-wrapper mobile-btn-wrapper">
117 <button class="hidden-phone btn">
118 <i class="icon-export"></i>
121 <button class="btn btn-warning btn-new-valuation mobile-new-valuation">
122 <span class="btn-shine mobile-btn-shine"></span>
123 <span class="btn-content">
124 <i class="icon-new mobile-icon-new"></i>
130 <div class="row-fluid page-filter-wrapper">
131 <div class="hidden-phone span2">
132 <div class="btn-group">
133 <button class="btn">Group</button>
134 <button class="btn dropdown-toggle" data-toggle="dropdown">
135 <span class="caret"></span>
137 <ul class="dropdown-menu">
138 <li><a>Option 1</a></li>
139 <li><a>Option 2</a></li>
142 <div class="filter-input">
143 <input id="RegistrationNo" type="text" placeholder="Registration number">
147 <div class="btn-group">
148 <button class="btn">Division</button>
149 <button class="btn dropdown-toggle" data-toggle="dropdown">
150 <span class="caret"></span>
152 <ul class="dropdown-menu">
153 <li><a>Option 1</a></li>
154 <li><a>Option 2</a></li>
157 <div class="filter-input">
158 <input id="NameOrSurname" type="text" placeholder="Name and/or surname">
162 <p class="context-filter-label"> </p>
163 <div class="filter-input">
164 <input id="RefNo" type="text" placeholder="Ref number">
167 <div class="hidden-phone span4 date-range-inputs">
168 <p class="date-label">Date created</p>
169 <input id="From" type="text" placeholder="From">
170 <input id="To" type="text" placeholder="To">
172 <div class="hidden-phone span2 btn-wrapper">
173 <button class="hidden-phone btn btn-clear-search">
174 <i class="icon-remove-circle"></i>
177 <button class="btn btn-success btn-submit-search">
178 <i class="icon-search icon-white"></i>
183 <div class="row-fluid table-form">
185 <table class="table mobile-table">
186 <tr class="table-header mobile-table-header">
187 <div class="table-header-wrapper">
188 <th class="vin hidden-phone">
189 <div class="table-heading-wrapper">VIN</div>
191 <th class="make mobile-make">
192 <div class="table-heading-wrapper">MAKE
194 <span class="mobile-make-caret make-caret"></span>
198 <th class="type hidden-phone">
199 <div class="table-heading-wrapper">TYPE</div>
201 <th class="year hidden-phone">
202 <div class="table-heading-wrapper">YEAR</div>
204 <th class="km hidden-phone">
205 <div class="table-heading-wrapper">KM'S</div>
207 <th class="trade hidden-phone">
208 <div class="table-heading-wrapper">TRADE</div>
211 <div class="table-heading-wrapper">RETAIL</div>
214 <div class="table-heading-wrapper">OFFER</div>
216 <th class="sales hidden-phone">
217 <div class="table-heading-wrapper">SALES
218 <a class="settings-main-wrapper" href="">
219 <img src="imgs/cog_icon.gif" alt="">
220 <span class="settings-caret"></span>
224 <th class="manager hidden-phone">
225 <div class="table-heading-wrapper">MANAGER
226 <a class="settings-main-wrapper" href="">
227 <img src="imgs/cog_icon.gif" alt="">
228 <span class="settings-caret"></span>
233 <div class="table-heading-wrapper">STATUS
234 <a class="settings-main-wrapper" href="">
235 <img src="imgs/cog_icon.gif" alt="">
236 <span class="settings-caret"></span>
242 <tr class="form-filters">
243 <td class="hidden-phone" id="Vin">
244 <div class="filter-input">
249 <div class="filter-input">
253 <td class="hidden-phone" id="Type">
254 <div class="filter-input">
258 <td class="hidden-phone" id="Year">
259 <div class="filter-input">
263 <td class="hidden-phone" id="Km">
264 <div class="filter-input">
268 <td class="hidden-phone" id="Trade">
269 <div class="filter-input">
274 <div class="filter-input">
279 <div class="filter-input">
283 <td class="hidden-phone" id="Sales">
284 <div class="filter-input">
288 <td class="hidden-phone" id="Management">
289 <div class="filter-input">
294 <div class="filter-input">
301 <td class="vin hidden-phone">ADM2RV</td>
302 <td class="make">Mercades</td>
303 <td class="type hidden-phone">
304 Viano 3.0 CDI Ambiente(2007-2010)A
306 <td class="year hidden-phone">2008</td>
307 <td class="km hidden-phone">212 300 km</td>
308 <td class="trade hidden-phone">R154 000 000</td>
309 <td class="retail">R160 000 000</td>
310 <td class="offer">R154 000 000
313 <td class="sales hidden-phone">John</br>Sebatian Vermaak</td>
314 <td class="manager hidden-phone">Jenny
315 </br>Elizabeth Cornbrink
317 <td class="status">Deal Not Done</td>
320 <td class="vin hidden-phone">ADM2RV</td>
321 <td class="make">Mercades</td>
322 <td class="type hidden-phone">
323 Viano 3.0 CDI Ambiente(2007-2010)A
325 <td class="year hidden-phone">2008</td>
326 <td class="km hidden-phone">212 300 km</td>
327 <td class="trade hidden-phone">R154 000 000</td>
328 <td class="retail">R160 000 000</td>
329 <td class="offer">R154 000 000
332 <td class="sales hidden-phone">John</br>Sebatian Vermaak</td>
333 <td class="manager hidden-phone">Jenny
334 </br>Elizabeth Cornbrink
336 <td class="status">Deal Not Done</td>