6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
9 <title>WePay4Cars</title>
11 <link rel="stylesheet" href="/css/reset.css">
12 <link rel="stylesheet" href="/min/?g=css&x=10">
14 <script src="/js/vendor/modernizr.min.js"></script>
15 <script src="/js/vendor/css3-mediaqueries.min.js"></script>
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)" />
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">
26 <link rel="stylesheet" type="text/css" href="/css/ie.css" />
27 <link rel="stylesheet" type="text/css" href="/css/ie/layout.css" />
33 <div style="background:#ff6060">
35 <h3 id="auctionModalHeading">Browser Version Incompatibility</h3>
38 <div class="row-fluid">
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>
53 <meta id="MetaViewport" name="viewport" content="width=device-width">
55 if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
57 $('#MetaViewport').attr('content', 'width=480px');
62 <header id="mobiCheck" class="hidden-phone">
65 <div class="hidden-phone header container-fluid">
67 <span id="su_container">
68 <div class="control-group suDropdownContainer" id="x_sugroup">
70 <div class="control-group suDropdownContainer" id="x_sudivision">
72 <div class="control-group suDropdownContainer" id="x_sucompany">
75 <div class="row-fluid header-top">
76 <div id="user-details" class="span3 user-details invisible">
78 <p class="detail-label">Logged in as:</p>
79 <p class="auth-username">NAME</p>
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>
87 <p><span class="detail-label">Server Time:</span> <span id="clock">...</span></p>
90 <div class=" head-text">
91 <img src="imgs/wp4c.png" width="400px">
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>-->
100 <h3>Western Cape 021 917 1018</h3>
101 <img src="imgs/imperial_group.png" width="160px;">
105 <div class="row-fluid header-bottom">
107 <div id="PublicMenu" class="nav-bar span12 is-brochure-menu main-menu-container" style ="display:none;">
110 <li class="select_page"><a href="/#/" title="">HOME</a></li>
111 <li><a href="/documents/t_c_7Sept16.pdf" target="_blank" title="">Terms & 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>
116 <!--<li><a href="http://google.co.za" title="" target="_blank">TEST</a></li>-->
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">-->
133 <!--<div class="hide nav-login b_logout">-->
134 <!--<button class="btn btn-danger mobile-nav-logout b_logout" href="#"> </button>-->
138 <div class=" head-text">
139 <img src="imgs/wp4c.png" width="300px" style="width:300px!important;">
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>-->
148 <h3>Western Cape 021 917 1018</h3>
149 <img src="imgs/imperial_group.png" width="160px">
154 <!-- <div class="row-fluid mobile-header-middle">
155 <div class="span12 mobile-Login">
156 <div class="mobile-detail-label">
158 <p class="auth-username logged-in">Name</p>
160 <div class="mobile-time-in">
161 <p><span>Time:</span> <span id="clockmobi" class="time">...</span></p>
166 <div class="row-fluid mobile-header-bottom">
168 <!-- Mobi options here -->
170 <div id="MobiPublicMenu" class="is-brochure-menu" style ="display:none;">
172 <h1 class="bottom-heading"></h1>
174 <div class="btn-group drop-down-menu-btn">
175 <a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">
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>
195 <div id="sectionMain" class="main-section">
196 <div id="PageContent" class="container-fluid main">
200 <div id="sectionImage" class="image-section hide">
201 <div class="container-fluid">
202 <div class="row-fluid">
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>
210 <center><img class="img-polaroid" id="imgLarge" /></center>
218 <!-- App Libraries -->
219 <script src="/min/?g=vendorJsBrochure&016" type="text/javascript"></script>
220 <script src="/min/?g=appJsBrochure&016" type="text/javascript"></script>
221 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
223 <script type="text/javascript">
224 $(document).ready(function()
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");
231 $('.main-section').css("border-top", "3px solid #f7931e");
232 $('.main-section').css("min-height", "1200px");
234 $('#user-details').hide();