latest updates
[namibia] / public / maintenance.html
1 <!DOCTYPE HTML>
2 <html>
3         <head>
4                 <meta charset="UTF-8">
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>
13                 <!--[if lt IE 9]>
14                 <script src="js/vendor/html5shiv.js"></script>
15                 <![endif]-->
16                 <meta id="MetaViewport" name="viewport" content="width=device-width">
17                 <script>
18                         if( navigator.userAgent.match(/iPhone|Android/i) && !navigator.userAgent.match(/Chrome/) )
19                                 {
20                                         $('#MetaViewport').attr('content', 'width=480px');
21                                 }
22                 </script>
23         </head>
24 <body>
25         <header>
26                 <div class="hidden-phone header container-fluid">
27                         <div class="row-fluid header-top">
28                                 <div class="span2 user-details">
29                                         <div id="LoggedIn">
30                                                 <p class="detail-label"></p>
31                                                 <p></p>
32                                         </div>
33                                         <div id="LoginId">
34                                                 <span class="user-avatar"><img src="imgs/avotar_img.png" alt=""></span>
35                                                 <p class="detail-label">Welcome</p>
36                                                 <p></p>
37                                         </div>
38                                         <div id="TimeIn">
39                                                 <p><span class="detail-label"></span> <span id="Time"></span></p>
40                                         </div>
41                                 </div>
42                         </div>
43                         <div class="row-fluid header-bottom">
44                                 <div class="span11 nav-bar">
45                                         <!--<ul class="navbar">-->
46                                                 <!--<li>-->
47                                                         <!--<span class="notification">5</span>-->
48                                                         <!--<a href="">ON AUCTION</a>-->
49                                                 <!--</li>-->
50                                                 <!--<li>-->
51                                                         <!--<span class="notification">5</span>-->
52                                                         <!--<a href="">MY STOCK</a>-->
53                                                 <!--</li>-->
54                                                 <!--<li>-->
55                                                         <!--<span class="notification">5</span>-->
56                                                         <!--<a href="">MY VALUATIONS</a>-->
57                                                 <!--</li>-->
58                                                 <!--<li><a href="">MY SETTINGS</a></li>-->
59                                                 <!--<li><a href="">CONTACT US</a></li>-->
60                                                 <!--<li><a href="">PRICE GUIDE</a></li>-->
61                                         <!--</ul>-->
62                                 </div>
63                                 <div class="span1 nav-login">
64                                         <!--<a href="#">LOGOUT</a>-->
65                                 </div>
66                         </div>
67                 </div>
68         </header>
69
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>-->
74                 </div>  
75           </div>
76           <div class="row-fluid mobile-header-middle">
77             <div class="span12 mobile-Login">
78               <div class="mobile-detail-label">
79                 <p></p>
80                 <p class="logged-in"></p>
81               </div>
82               <div class="mobile-time-in">
83                 <p><span></span> <span class="time"></span></p>
84               </div>
85             </div>
86           </div>      
87           <div class="row-fluid mobile-header-bottom">
88             <div class="span12">
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>
94                 </a>
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>-->
103                 </ul>
104               </div>  
105             </div>
106           </div>
107         </div>
108
109         <div class="main-section">
110                 <div class="main container-fluid">
111                         <div class="col-md-6" style="">
112                                 <p style="text-align: center;margin-top: 60px;">
113                                         Bid4cars will be temporarily unavailable due to a technical problem we are experiencing.
114                                         <br>
115                                         We are currently attending to the matter at hand and will have the site up and running as soon as possible.
116                                         <br>
117                                         We apologise for any inconvenience caused.
118                                 </p>
119                         </div>
120                 </div>
121         </div>
122 </body>
123 </html>