1 <link rel="stylesheet" href="/css/app/home.css">
2 <link rel="stylesheet" href="/css/app/mobile_small.css">
3 <link rel="stylesheet" href="/css/app/login.css">
4 <div class="row-fluid">
7 <center id="unsubTitle">
8 <h2 class="head-b-i">Unsubscribe from newsletter</h2>
9 <p id="loginTerms">To unsubscribe please provide your login particulars.</p>
11 <center id="unsubSuccessTitle" style="display:none;">
12 <h2 class="head-b-i">Successfully unsubscribed</h2>
13 <p>You have have been successfully unsubscribed from all newsletters.</p>
16 <div id="theNotLoginBox" class="box-login hide">
17 <div class="box-login-header">
18 Browser Version Incompatibility
20 <div class="box-login-body">
22 This site will not work as intended on this version of Internet Explorer.
23 Please download IE 9 from
24 <a target="_blank" href="http://www.microsoft.com/southafrica/ie9/">http://www.microsoft.com/southafrica/ie9/</a>
29 <div id="theLoginBox" class="box-login">
30 <div class="box-login-header">
33 <div class="box-login-body">
34 <form id="frmUnsubLogin" class="form form-modal">
35 <input class="field" id="postUrl" type="hidden" value="">
36 <input class="field" id="postID" type="hidden" value="">
38 <div class="control-group left-padding stack">
39 <div class="input-prepend login-input">
40 <span class="add-on"><i class="icon-user icon-white"></i></span><input class="field"
41 id="email" name="email" type="text" placeholder="email"
44 <div id="visiblePin" class="input-prepend">
45 <span class="add-on"><i class="icon-asterisk icon-white"></i></span><input class="field"
46 id="pin" name="pin" type="text" placeholder="pin">
48 <div id="maskedPin" class="input-prepend hide">
49 <span class="add-on"><i class="icon-asterisk icon-white"></i></span><input class="field"
50 id="mpin" name="mpin" type="password" placeholder="pin">
53 <span id="login-fail" class="pull-right"
54 data-content=""></span>
57 <div class="control-group left-padding">
58 <div id="togglePassword" class="make-switch switch-small" data-on="dark" data-off="success"
59 data-on-label="ABC" data-off-label="****">
60 <input type="checkbox" class="no-mod" checked>
66 <button type="submit" class="btn btn-width" id="btnLogin">Unsubscribe</button>
73 <input class="field" id="postUrl" name="postUrl" type="hidden" value="">
74 <input class="field" id="postID" name="postID" type="hidden" value="">
76 <div class="footerSec navbar-fixed-bottom"><!--footerSec-->
79 <li><a href="/" title="">Home</a></li>
80 <li><a href="/#/about_us" title="">ABOUT US</a></li>
81 <li><a href="/documents/Terms_and_Conditions.pdf" title="" target="_blank">Terms & Conditions</a></li>
82 <li><a href="/documents/Legal_Notice.pdf" title="" target="_blank">Legal Notice</a></li>
83 <li><a href="/documents/Privacy_Policy.pdf" title="" target="_blank">Privacy Policy</a></li>
84 <li><a href="/#/faq" title="">FAQ</a></li>
85 <li><a href="/#/contact_us" title="">CONTACT US</a></li>
87 <p><font size=3 color="#ffffff">Contact Bid4Cars at william@bid4cars.com.na</font></p>
89 <div class="footer_rgt">
91 <!-- <li><img src="/imgs/logo-imperial.png" alt="" /></li>
92 <li><a href="/#" title=""><img src="/images/flag01.png" alt="" /></a></li> -->
93 <li><a href="/#" title=""><img src="/images/flag02.png" alt="" /></a></li>
95 <div class="sig"><a href="/#/register" title="">Sign up</a></div>
98 </div><!--/footerSec-->
101 // Limit scope pollution from any deprecated API
104 var matched, browser;
106 // Use of jQuery.browser is frowned upon.
107 // More details: http://api.jquery.com/jQuery.browser
108 // jQuery.uaMatch maintained for back-compat
109 jQuery.uaMatch = function( ua ) {
110 ua = ua.toLowerCase();
112 var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
113 /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
114 /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
115 /(msie) ([\w.]+)/.exec( ua ) ||
116 ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
120 browser: match[ 1 ] || "",
121 version: match[ 2 ] || "0"
125 matched = jQuery.uaMatch( navigator.userAgent );
128 if ( matched.browser ) {
129 browser[ matched.browser ] = true;
130 browser.version = matched.version;
133 // Chrome is Webkit, but Webkit is also Safari.
134 if ( browser.chrome ) {
135 browser.webkit = true;
136 } else if ( browser.webkit ) {
137 browser.safari = true;
140 //jQuery.browser = browser;
142 /*jQuery.sub = function() {
143 function jQuerySub( selector, context ) {
144 return new jQuerySub.fn.init( selector, context );
146 jQuery.extend( true, jQuerySub, this );
147 jQuerySub.superclass = this;
148 jQuerySub.fn = jQuerySub.prototype = this();
149 jQuerySub.fn.constructor = jQuerySub;
150 jQuerySub.sub = this.sub;
151 jQuerySub.fn.init = function init( selector, context ) {
152 if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) {
153 context = jQuerySub( context );
156 return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
158 jQuerySub.fn.init.prototype = jQuerySub.fn;
159 var rootjQuerySub = jQuerySub(document);
167 <script type="text/javascript">
169 function setCookie(c_name, value, exdays)
171 var exdate = new Date();
172 exdate.setDate(exdate.getDate() + exdays);
173 var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
174 document.cookie=c_name + "=" + c_value;
177 $(document).ready(function()
179 $("#pin").change(function () {
180 $("#mpin").val($("#pin").val());
182 $("#mpin").change(function () {
183 $("#pin").val($("#mpin").val());
185 $('#togglePassword').bootstrapSwitch();
186 $('#togglePassword').bootstrapSwitch('setSizeClass', 'switch-mini');
187 $('#togglePassword').on('switch-change', function (e, data) {
188 var $el = $(data.el),
192 $("#visiblePin").show();
193 $("#maskedPin").hide();
197 $("#visiblePin").hide();
198 $("#maskedPin").show();