xp-dev.com Git - namibia/blob - 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>