latest updates
[namibia] / public / templates / page / unsubscribenewsletter.html
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">
5         <div class="span12">
6                 <br/>
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>
10                 </center>
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>
14                 </center>
15                 <br/>
16                 <div id="theNotLoginBox" class="box-login hide">
17                         <div class="box-login-header">
18                                 Browser Version Incompatibility
19                         </div>
20                         <div class="box-login-body">
21                                 <p>
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>
25                                 </p>
26                                 <br/><br/>
27                         </div>
28                 </div>
29                 <div id="theLoginBox" class="box-login">
30                         <div class="box-login-header">
31                                 Unsubscribe
32                         </div>
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="">
37                                         <br/>
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"
42                                                         value="">
43                                                 </div>
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">
47                                                 </div>
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">
51                                                 </div>
52                                         </div>
53                                         <span id="login-fail" class="pull-right"
54                                                 data-content=""></span>
55                                         <br/>
56                                         <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>
61                                                         </div>
62                                                 </div>
63                                                 <br/>
64                                         </span>
65                                         <br/>
66                                         <button type="submit" class="btn btn-width" id="btnLogin">Unsubscribe</button>
67                                         <br/>&nbsp;
68                                 </form>
69                         </div>
70                 </div>
71         </div>
72 </div>
73 <input class="field" id="postUrl" name="postUrl" type="hidden" value="">
74 <input class="field" id="postID" name="postID" type="hidden" value="">
75
76 <div class="footerSec navbar-fixed-bottom"><!--footerSec-->
77     <div class="footer">
78     <ul class="fmenu">
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 &amp; 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>
86             <br/>
87             <p><font size=3 color="#ffffff">Contact Bid4Cars at william@bid4cars.com.na</font></p>
88     </ul>
89     <div class="footer_rgt">
90             <ul>
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>
94             </ul>
95             <div class="sig"><a href="/#/register" title="">Sign up</a></div>
96     </div>
97     </div>
98 </div><!--/footerSec-->
99
100 <script>
101         // Limit scope pollution from any deprecated API
102         (function() {
103
104         var matched, browser;
105
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();
111
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 ) ||
117                         [];
118
119                 return {
120                         browser: match[ 1 ] || "",
121                         version: match[ 2 ] || "0"
122                 };
123         };
124
125         matched = jQuery.uaMatch( navigator.userAgent );
126         browser = {};
127
128         if ( matched.browser ) {
129                 browser[ matched.browser ] = true;
130                 browser.version = matched.version;
131         }
132
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;
138         }
139
140         //jQuery.browser = browser;
141
142         /*jQuery.sub = function() {
143                 function jQuerySub( selector, context ) {
144                         return new jQuerySub.fn.init( selector, context );
145                 }
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 );
154                         }
155
156                         return jQuery.fn.init.call( this, selector, context, rootjQuerySub );
157                 };
158                 jQuerySub.fn.init.prototype = jQuerySub.fn;
159                 var rootjQuerySub = jQuerySub(document);
160                 return jQuerySub;
161         };*/
162
163         })();
164 </script>
165
166
167 <script type="text/javascript">
168
169 function setCookie(c_name, value, exdays)
170 {
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;
175 }
176
177 $(document).ready(function()
178 {
179   $("#pin").change(function () {
180     $("#mpin").val($("#pin").val());
181   });
182   $("#mpin").change(function () {
183     $("#pin").val($("#mpin").val());
184   });
185         $('#togglePassword').bootstrapSwitch();
186         $('#togglePassword').bootstrapSwitch('setSizeClass', 'switch-mini');
187         $('#togglePassword').on('switch-change', function (e, data) {
188                 var $el = $(data.el),
189                 value = data.value;
190             if (value)
191             {
192                 $("#visiblePin").show();
193                 $("#maskedPin").hide();
194             }
195             else
196             {
197                 $("#visiblePin").hide();
198                 $("#maskedPin").show();
199             }
200         });
201 });
202
203
204
205 </script>