Skip to content

Instantly share code, notes, and snippets.

@fawaf

fawaf/gist:ce5baa470469364d9c5be3d0c5c753b7

Created December 31, 2019 08:11
Show Gist options
  • Save fawaf/ce5baa470469364d9c5be3d0c5c753b7 to your computer and use it in GitHub Desktop.
Save fawaf/ce5baa470469364d9c5be3d0c5c753b7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"><!--please change language code when document language is not English-->
<head><script src="/gsp/saas/Components/default/resources/script/modules/common/hsbc_common_101905.js"></script>
<meta charset='UTF-8'/>
<meta http-equiv="X-UA-Compatible" content="IE=9,IE=10,IE=11,IE=Edge,chrome=1">
<meta name="force-rendering" content="webkit">
<meta name="renderer" content="webkit">
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control"
content="max-age=1,s-maxage=0, no-cache, no-store, must-revalidate, private" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="Sat, 6 May 1995 12:00:00 GMT" />
<title>HSBC Global Login: Step 1</title>
<!-- style section-->
<!-- script src="//tags.tiqcdn.com/utag/hsbc//utag.sync.js"></script -->
<script type="text/javascript">
pageCAM="0";
pageCUN="gsa/SECURITY_LOGON_PAGE/";
var commonProp = {"acDeliveryChannel":["SMS","EMAIL"],"userCommDtls":null,"trustedBrowserCookieName":"HSBC_BROWSER_COOKIE","trustedBrowserSupported":true,"googleSiteKey":"6LdZPHUUAAAAABV1JDfHOheXKc621BVID6KbnbWh","googleReCaptchaSupported":false,"dobPattern":"213","serverAndPort":"http://localhost:21118/ContentService/","ssoLaunchBackFlag":false,"maskUserId":false,"showMePswd":true,"maskCam40Cred":true,"maxAttemptsOfOtpPins":"5","allowedCam30InvalidAttempts":"5","totalDosiCam30RetriesBeforeTempLock":"3","totalDosiCam40RetriesBeforeTempLock":"3","tealiumProfileName":"","pwsHomeUrl":"https://www.us.hsbc.com/1/2/home/personal-banking","cookieSupported":true,"targetCam":"30","maskDoB":false,"jwtTokenIdKey":null,"groupMemberCode":"HBUS","entityCode":"US","saasForgotUserIdSupported":true,"simplifiedLogonWithOtpAllowed":true,"entityConfigForgotUseridSupported":false,"userID":null,"unsupportedBrowserList":["CHROME_41","CHROME_40","CHROME_39","CHROME_38","CHROME_37","CHROME_36","CHROME_35","CHROME_34","CHROME_33","CHROME_32","CHROME_31","CHROME_30","CHROME_29","CHROME_28","CHROME_27","CHROME_26","CHROME_25","CHROME_24","CHROME_23","CHROME_22","CHROME_21","CHROME_20","CHROME_19","CHROME_18","CHROME_17","CHROME_16","CHROME_15","IE_7","IE_6","IE_5","IE_4","FIREFOX_16","FIREFOX_17","FIREFOX_18","FIREFOX_19","FIREFOX_20","FIREFOX_21","FIREFOX_22","FIREFOX_23","FIREFOX_24","FIREFOX_25","FIREFOX_26","FIREFOX_27","FIREFOX_28","FIREFOX_29","FIREFOX_30","FIREFOX_31","FIREFOX_32","FIREFOX_33","FIREFOX_34","FIREFOX_35","FIREFOX_36","FIREFOX_37","FIREFOX_38","FIREFOX_39","SAFARI_1","SAFARI_2","SAFARI_3","IE_8"],"globalVP":"gsp","entityVP":"gsp_hbus","locale":"en_US"};
var launchBackURL="https://www.services.online-banking.us.hsbc.com/gpib/group/gpib/cmn/layouts/default.html";
var globalVP="/gsp";
</script>
<script>
dojoConfig = {
cacheBust: '3.0',
async: true,
//isDebug: true,
baseUrl: globalVP+'/saas/Components/default/resources/script/',
parseOnLoad: false,
tlmSiblingOfDojo: false,
selectorEngine: 'acme',
packages: [
{ name: "dojo", location: "libraries/dtk/dojo" },
{ name: "dijit", location: "libraries/dtk/dijit" },
{ name: "dojox", location: "libraries/dtk/dojox" },
{ name: "hsbcbijit", location: "libraries/hsbc/bijit" },
{ name: "hsbcwidget", location: "libraries/hsbc/widget" },
{ name: "hsbccore", location: "libraries/hsbc/core" },
{ name: "app", location: "app" },
{ name: "modules", location: "modules" },
],
aliases: [
["doT", "hsbccore/doT"]
],
map: {
dijit: {
"dijit/form/ValidationTextBox": "hdx/patch/dijit/form/ValidationTextBox"
},
ValidationTextBox: {"dijit/form/ValidationTextBox": "hdx/patch/dijit/form/ValidationTextBox"}
}
};
window['adrum-start-time'] = new Date().getTime();</script>
<script src="/ContentService/gsp/saas/Components/resource/adrum_wrapper.js?SAGG=gsp_hbus"></script>
<link rel="stylesheet" href="/gsp/saas/Components/default/resources/script/libraries/hsbc/widget/themes/ursula/ursula.css" media="screen"/>
<link rel="stylesheet" href="/gsp/saas/Components/default/resources/script/libraries/hsbc/widget/themes/ursula/print.css" media="print"/>
<link rel="stylesheet" href="/gsp/saas/Components/default/resources/script/libraries/hsbc/widget/themes/ursula/lightbox.css" media="screen"/>
<script type='text/javascript' src='/gsp/saas/Components/default/resources/script/libraries/dtk/dojo/app_logon.js'></script>
<!-- script src="/gsp/saas/Components/default/resources/script/dojo-config.js"></script-->
<!-- script src="/gsp/saas/Components/default/resources/script/libraries/dtk/dojo/dojo_sl.js"></script-->
<!-- script src="/gsp/saas/Components/default/resources/script/app/run.js"></script-->
<!-- script type='text/javascript' src='/gsp/saas/Components/default/resources/script/theme_public/js/tealium.js'></script-->
<script type='text/javascript'>
var page_values={};
var logonMngr = null; // this varibale value needs to be set else code will break
require(['modules/logon/common/Utils'],function(Utils){
logonMngr = Utils.getInitInfo(commonProp);
// pwsHomePageUrl = logonMngr.pwsHomeUrl;
});
require(['app', 'app/main_logon']);
require(['modules/common/widget/Interstitial','dojo/topic'],function(Interstitial,topic){
this.interstitial = new Interstitial({
displayStyle : "block"
}).placeAt(document.body, 'last');
topic.publish("loader/show");
});
</script>
<script src="/gsp/saas/Components/default/resources/script/theme_public/js/HSBCGLBL.js"></script>
<style type="text/css">
a.jsSliderTrigger {
position:relative;
z-index:99;
}
.familiarName1, .familiarName2 {
text-transform: capitalize;
}
.logonBox_Center {
margin:0 auto!important;
}
.pb30 {
padding-bottom:30px !important;
}
.banner{
display:none;
}
.banner.cam10 {
display:block;
}
.banner-padding{
padding-top:4px;
}
.icon-disc{
display: inline-block;
width: 5px;
height: 5px;
background-color: black;
border-radius: 5px;
margin-right: 5px;
}
.textAlign{
padding:0;
line-height:16px;
}
.lastbutton { margin-right: 0px !important; }
.hidden {display:none!important;}
</style>
<script>
function onSubmit(token) {
require(['dojo/topic'],function(topic){
topic.publish("loader/show", token);
});
}
</script>
</head>
<body class="ursula" onload="entityJavascripts();" data-page-controller="app/controllers/logOnController" data-page-args="urlMap:{'dsk':'journey-with-device.html', 'nonDsk':'journey-without-device.html'}">
<input type="hidden" id="jdata"/>
<div class="w-page-bg">
<div class="big-image-wrapper">
</div>
</div>
<div id="top" class="responsive">
<!--TODO to import headercontent.html-->
<script type="text/javascript">
function entityJavascripts() {
loadLogoffLogon();
}
function loadLogoffLogon() {
if (pageCAM >= 20) {
document.getElementById('logoff').style.visibility = 'visible';
}
}
</script>
<div data-dojo-type="hsbcwidget/MastHead" dir="ltr">
<div id="mainTopWrapper">
<h1 class="hiddenHeading" aria-hidden="false">HSBC</h1>
<div id="lpChatButtonMTG"></div>
<div id="mainTopUtility">
<div id="mainTopUtilityRow">
<ul id="tabs" role="presentation">
<li class="skipLink" role="presentation"><a class="skip" href="#mainContent" id="skip" >Skip page header and navigation</a></li>
</ul>
<div id="siteControls"><!-- <div id="langList" data-dojo-type="hsbcwidget/LangList">
<ul>
<li class="selected"><a href="#" lang="en-CA" onclick=language_switching('en_id','en'); id='en_id' name='en_id' title="English">English</a></li>
<li><a href="#" lang="fr-CA" onclick=language_switching('ca_id','fr'); id='ca_id' name='ca_id' title="Fran&#231;ais">Fran&#231;ais</a></li>
<li><a href="#" lang="zh-HK" onclick=language_switching('hk_id','zh'); id='hk_id' name='hk_id' title="&#32321;&#39636;&#20013;&#25991;">&#32321;&#39636;&#20013;&#25991;</a></li>
<li><a href="#" lang="zh-CN" onclick=language_switching('cn_id','zh'); id='cn_id' name='cn_id' title="&#31616;&#20307;&#20013;&#25991;">&#31616;&#20307;&#20013;&#25991;</a></li>
</ul>
</div>-->
<div data-dojo-type="hsbcwidget/Logon" id="logoff" style=" visibility: hidden;">
<ul role="presentation">
<li role="presentation"><a href="/gsa/?idv_cmd=idv.Logoff&amp;nextPage=SaaSLogoutCAM0Resource" title="Log off to Online Banking" class="redBtn"><span>Log off</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="mainTopNavigation">
<div data-dojo-type="hsbcwidget/Logo" id="logo"><a href="https://www.us.hsbc.com" title=""><img alt="HSBC Home" src="/ContentService/gsp/saas/Components/default/doc/logo2.jpg?SAGG=gsp_hbus" width="138" style="height:34px;" /></a></div>
</div>
</div>
</div>
<!--
<div class="banner cam10 banner-design">
In response to a heightened level of cyber crime being experienced across the industry, we have taken extra steps to better protect your banking relationship. We recently updated the process to log on to Online Banking so you will now be asked to enter your date of birth or complete an image capture where you’ll select like images. Rest assured, HSBC is committed to safeguarding your personal information.
</div>
<div class="banner cam30 banner-design">
In response to a heightened level of cyber crime being experienced across the industry, we have taken extra steps to better protect your banking relationship. We recently updated the process to log on to Online Banking so you will now be asked to enter your date of birth or complete an image capture where you’ll select like images. Rest assured, HSBC is committed to safeguarding your personal information.
</div>
-->
<!--
<div class="banner cam10 banner-design">
<strong>Welcome to HSBC Online Banking.</strong>
<br><br>
Please note we have simplified your log on experience
</div>
-->
<!--
<div class="banner cam30 banner-design">
<strong>To make Log on simple, we have made following key changes</strong>
<br>
<div class="banner-padding">
<span class="icon-disc"></span>
You no longer need to answer your memorable question.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Instead of entering three random characters from your password, enter full password now.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Don't worry, you can still generate your security code exactly the same way as before.
</div>
</div>
-->
<!--
<div class="banner cam40 banner-design">
<strong>To make Log on simple, we have made following key changes</strong>
<br>
<div class="banner-padding">
<span class="icon-disc"></span>
You no longer need to answer your memorable question.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Instead of entering three random characters from your password, enter full password now.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Don't worry, you can still generate your security code exactly the same way as before.
</div>
</div>
-->
<!-- mainContent starts -->
<div id="mainContent" tabindex="-1">
<div class="innerPage gusStyles" id="innerPage">
<div class="gusGrid NOgrid_skin">
<!-- <div class="normalSize" data-dojo-type="hsbcwidget/alertBox" id="globalAlert" data-dojo-props="type:'alert', title:'', showOnLoad: false" style="display: none;" >
<p>
<br>
</p>
</div> -->
<div class="col-100-50-41 logonBox_Center">
<div class="logonBox">
<div class="hideableStep showStep" id="viewNo1" style="opacity: 1;">
<div class="bodyline" role="application">
<h2 data-nlsid="Logon.LOGON_LOGON"></h2>
<form data-dojo-type="hsbcwidget/form/ValidationGus" id="usernameForm" action="#">
<div class="">
<label for="username" data-nlsid="Logon.LOGON_ENTER_USERNAME"></label>
<a href="javascript:;" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentUsername" title="Username Help">
<span class="hidden" data-nlsid="Accessibility.LOGON_USERNAME_HELP"></span>
</a>
<div id="sliderContentUsername" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="Logon.LOGON_USERNAME_HELP"></h3>
<p data-nlsid="Logon.LOGON_TEXT_HELP_COPY1"></p>
<p data-nlsid="Logon.LOGON_TEXT_HELP_COPY2"></p>
<p class="smaller" data-nlsid="Logon.LOGON_TEXT_HELP_COPY_EXAMPLE1"></p>
</div>
</div>
<div class="row question jsQuestion">
<div class="gusTextInput">
<div id="usernameError" class="validationMsg jsValidationMsg"></div>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_USER_MESSAGE,InputErrorMsg.LOGON_INVALID_USER_MESSAGE,InputErrorMsg.USERID_VALIDATION_PATTERN" class="keyPressValidationTextBox" id="username" data-dojo-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" type="text" name="username" data-dojo-props="pattern: 'USERID_VALIDATION_PATTERN', maxLength: 76, required: true, invalidMessage: 'LOGON_INVALID_USER_MESSAGE', missingMessage: 'LOGON_MISSING_USER_MESSAGE'" disabled />
</div>
</div>
<div class="row">
<div id="rememberMeWidget" class="col2 gusCheckboxContainer hiddenNew" data-dojo-type="hsbcwidget/form/ShowOneCheckBox" data-dojo-props="selectors:{ duration: 250, checkbox: '#rememberMe', checkedTarget: '.warn1', uncheckedTarget: '.warn2'}">
<input type="checkbox" name="rememberMe" id="rememberMe" data-dojo-type="dijit/form/CheckBox" />
<label for="rememberMe" data-nlsid="Logon.LOGON_REMEMBER_ME"></label>
<p id="warn1" class="standard warn1 showable" aria-hidden="true" role="alert" data-nlsid="Logon.LOGON_DONT_TICK_HELP"></p>
<span class="warn2"></span>
</div><div class="col2 alignRight hiddenNew" id="forgotUsernamediv">
<a class="normalIcon" id="forgotUserLink" href="#" title=""><span data-nlsid="Logon.LOGON_FORGOT_USERNAME"></span><span class="icon"></span></a>
</div>
<div id="helpForGvgt" class="col2 hiddenNew">
<span class="warn3" data-nlsid="Logon.LOGON_LINKING_TEXT"></span>
</div>
</div>
<div class="ctaPosition">
<input class="gusPrimary submit_input" type="submit" id="formSubmitButton" data-nlsid="Logon.LOGON_CONTINUE" disabled aria-disabled="true" />
</div>
<div class="ctaPositionLeft" aria-hidden="true">
<a class="gusSecondary" href="#" id="formGvgtButton" aria-disabled="true" aria-hidden="true" style="visibility:hidden;"> <span data-nlsid="Logon.LOGON_CANCEL"> </span> </a>
</div>
</form>
</div>
<div class="baseline">
<a id="notRegisteredLink" class="normalIcon" href="#" title=""><span data-nlsid="Logon.LOGON_NOT_REGISTERED"></span><span class="icon"></span></a>
</div>
</div>
<div id="viewNo2" class="hideableStep">
<div class="bodyline">
<div data-dojo-type="hsbcwidget/ShowHide1" class="userDetails" id="passwordDetails">
<h2 class="showHideTrigger clickbit" data-show="Show User Details " data-hide="Hide User Details ">
<a href="#">
<span class="text hidden" data-nlsid="PasswordPage.LOGON_SHOW_USER_DETAILS"></span>
<span class="greeting" data-nlsid="PasswordPage.LOGON_GREET_USER"></span>
<span class="familiarName1"></span>
<span class="icon"></span>
<span class="hidden showHideState"></span>
</a>
</h2>
<div class="userInfo showHideContent">
<div class="userInfoSleeve">
<p class="logonName">IB1956786664</p>
<a class="changeUser normalIcon" href="#" title="" id="switchUser"><span data-nlsid="PasswordPage.LOGON_NOT"></span><span class="familiarName2"></span><span data-nlsid="PasswordPage.LOGON_SWITCH_USERNAME"></span><span class="icon"></span></a>
</div>
</div>
</div>
<form data-dojo-type="hsbcwidget/form/ValidationGus" id="passwordForm" action="#">
<div data-dojo-type="hsbcwidget/openClose" id="passwordDateInfo" class="dateInfo">
<p id="passwordDosiError"><span data-nlsid="PasswordPage.LOGON_USERNAME_NOMATCH"></span><span data-nlsid="PasswordPage.LOGON_DOB_PSWD_TO_ENTER"></span></p>
</div>
<div data-dojo-type="hsbcwidget/openClose" id="passwordDate" class="passwordDate">
<div class="row question jsQuestion">
<div class="gusTextInput">
<div class="dateGroup gusTextInput">
<p class="dateLabel" id="dateLabel" data-nlsid="PasswordPage.LOGON_ENTER_DOB"></p>
<div id="dateError" class="validationMsg jsValidationMsg" data-message-for="dateDay"></div>
<div pattern="213" dobMask="false" data-dojo-type="hsbcwidget/form/KeyPressValidationDateOfBirthTextBoxGUS" class="dijitInline" id="passwordDateOfBirthWidget">
<div class="dobContent">
<div data-date-type="date">
<label for="dateDay" class="hidden" id="lbl_dateDay" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_DATE"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_DAY_MESSAGE,Logon.DOB_DD" class="keyPressValidationTextBox dateDay" aria-describedby="passwordDosiError" aria-labelledby="lbl_dateDay" name="dateDay" id="dateDay" type="text" placeholder="DOB_DD" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(0[1-9]|[12][0-9]|3[01])$', maxLength: 2,required: true, invalidMessage: 'LOGON_INVALID_DAY_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
<div data-date-type="month">
<label for="dateMonth" class="hidden" id="lbl_dateMonth" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_MONTH"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_MONTH_MESSAGE,Logon.DOB_MM" class="keyPressValidationTextBox dateMonth" name="dateMonth" id="dateMonth" aria-labelledby="lbl_dateMonth" type="text" placeholder="DOB_MM" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(0[1-9]|1[012])$', maxLength: 2,required: true, invalidMessage: 'LOGON_INVALID_MONTH_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
<div data-date-type="year">
<label for="dateYear" class="hidden" id="lbl_dateYear" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_YEAR"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_YEAR_MESSAGE,Logon.DOB_YYYY" class="keyPressValidationTextBox dateYear" name="dateYear" id="dateYear" aria-labelledby="lbl_dateYear" type="text" placeholder="DOB_YYYY" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(19[1-9][0-9]|200[0-9]|201[0-7])$', maxLength: 4,required: true, invalidMessage: 'LOGON_INVALID_YEAR_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
</div>
</div>
<p class="exampleText dateExMargin" data-nlsid="PasswordPage.LOGON_DOB_EXAMPLE1"></p>
</div>
</div>
</div>
</div>
<div class="float_left_gr">
<label for="password" data-nlsid="PasswordPage.LOGON_ENTER_PASSWORD"></label>
</div>
<div class="float_right_gr">
<a id="pwdHelp" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentPassword">
<span class="hidden" data-nlsid="Accessibility.LOGON_PASSWORD_HELP"></span></a>
<div id="sliderContentPassword" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_PASSWORD_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_PASSWORD_CONDN"></p>
<p data-nlsid="PasswordPage.LOGON_PASSWORD_HELP_FORGOTTEN"></p>
</div>
<a id="dobPwdHelp" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentDobPassword">
<span class="hidden" data-nlsid="Accessibility.LOGON_PASSWORD_HELP"></span></a>
<div id="sliderContentDobPassword" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_DOB_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT1"></p>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT2"></p>
<div class="baseline">
<h3 data-nlsid="PasswordPage.LOGON_PASSWORD_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_PASSWORD_CONDN"></p>
<p data-nlsid="PasswordPage.LOGON_PASSWORD_HELP_FORGOTTEN"></p>
</div>
</div>
</div>
<div class="row question jsQuestion clear_both_gr">
<div class="gusTextInput">
<div id="passwordError" class="validationMsg jsValidationMsg" data-message-for="password"></div>
<input autocomplete="off" data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_PASSWORD_MESSAGE" class="keyPressValidationTextBox" id="password" data-dojo-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" type="password" name="password" data-dojo-props="pattern: '^[A-Za-z0-9?$@=!\'.?*_-]{8,30}', maxLength: 30,required: true, invalidMessage: 'LOGON_INVALID_PASSWORD_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
</div>
<div class="row">
<div class="col2 gusCheckboxContainer hiddenNew" id="showPwd">
<input type="checkbox" name="showPassword" id="showPassword" class="showPassword" data-dojo-type="dijit/form/CheckBox" />
<label for="showPassword" data-nlsid="PasswordPage.LOGON_SHOW_PASSWORD"></label>
</div><div class="col2 alignRight" style="width:49%;">
<a class="normalIcon forgotPass" href="#" title="" id="forgotPass"><span data-nlsid="PasswordPage.LOGON_FORGOTTEN_PASSWORD"></span><span class="icon"></span></a>
</div>
</div>
<div class="ctaPosition">
<input class="gusPrimary submit_input" type="submit" id="formSubmitButton2" data-nlsid="InputErrorMsg.LOGON_CONTINUE" disabled aria-disabled="true"/>
</div>
<div class="ctaPositionLeft" aria-hidden="true">
<a class="gusSecondary" href="#" id="formGvgtButton2" aria-disabled="true" aria-hidden="true" style="visibility:hidden;"> <span data-nlsid="Logon.LOGON_CANCEL"> </span> </a>
</div>
</form>
</div>
<div class="baseline hiddenNew" id="securecodelinkdiv">
<a class="normalIcon switchToSecureCode hasSecureCode" id="switchToSecureCode" href="#" title=""><span data-nlsid="PasswordPage.LOGON_WITH_SECURITY_CODE"></span><span class="icon"></span></a>
</div>
</div>
<div id="viewNo3" class="hideableStep">
<div class="bodyline">
<div data-dojo-type="hsbcwidget/ShowHide1" class="userDetails" id="secureCodeDetails">
<h2 class="showHideTrigger clickbit" data-show="Show User Details " data-hide="Hide User Details ">
<a href="#">
<span class="text hidden" data-nlsid="PasswordPage.LOGON_SHOW_USER_DETAILS"></span>
<span class="greeting" data-nlsid="PasswordPage.LOGON_GREET_USER"></span>
<span class="familiarName1"></span>
<span class="icon"></span>
<span class="hidden showHideState"></span>
</a>
</h2>
<div class="userInfo showHideContent">
<div class="userInfoSleeve">
<p class="logonName">IB1956786664</p>
<a class="changeUser normalIcon" href="#" title=""><span data-nlsid="PasswordPage.LOGON_NOT"></span><span class="familiarName2"></span><span data-nlsid="PasswordPage.LOGON_SWITCH_USERNAME"></span><span class="icon"></span></a>
</div>
</div>
</div>
<form data-dojo-type="hsbcwidget/form/ValidationGus" id="secureCodeForm" action="#">
<div data-dojo-type="hsbcwidget/openClose" id="secureCodeDateInfo" class="dateInfo">
<p id="secureCodeDosiError"><span data-nlsid="PasswordPage.LOGON_USERNAME_SECURE_CODE_MISMATCH"></span><span data-nlsid="PasswordPage.LOGON_DOB_SECURE_CODE_TO_PROCEED"></span></p>
</div>
<div data-dojo-type="hsbcwidget/openClose" id="secureCodeDate" class="secureCodeDate">
<div class="row question jsQuestion">
<div class="gusTextInput">
<div id="scDateError" class="validationMsg jsValidationMsg" data-message-for="scDateDay"></div>
<div class="dateGroup gusTextInput">
<p class="dateLabel" id="scDateLabel" data-nlsid="PasswordPage.LOGON_ENTER_DOB"></p>
<div pattern="213" dobMask="false" data-dojo-type="hsbcwidget/form/KeyPressValidationDateOfBirthTextBoxGUS" class="dijitInline" id="secureCodeDateOfBirthWidget">
<div class="dobContent">
<div data-date-type="date">
<label class="hidden" id="lbl_scdateDay" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_DATE"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_DAY_MESSAGE,Logon.DOB_DD" class="keyPressValidationTextBox dateDay" aria-describedby="passwordDosiError" aria-labelledby="lbl_scdateDay" name="dateDay" id="scdateDay" type="text" placeholder="DOB_DD" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(0[1-9]|[12][0-9]|3[01])$', maxLength: 2,required: true, invalidMessage: 'LOGON_INVALID_DAY_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
<div data-date-type="month">
<label class="hidden" id="lbl_scdateMonth" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_MONTH"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_MONTH_MESSAGE,Logon.DOB_MM" class="keyPressValidationTextBox dateMonth" name="dateMonth" id="scdateMonth" aria-labelledby="lbl_scdateMonth" type="text" placeholder="DOB_MM" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(0[1-9]|1[012])$', maxLength: 2,required: true, invalidMessage: 'LOGON_INVALID_MONTH_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
<div data-date-type="year">
<label class="hidden" id="lbl_scdateYear" role="presentation" aria-hidden="true" data-nlsid="PasswordPage.LOGON_INVALID_YEAR"></label>
<input data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_YEAR_MESSAGE,Logon.DOB_YYYY" class="keyPressValidationTextBox dateYear" name="dateYear" id="scdateYear" aria-labelledby="lbl_scdateYear" type="text" placeholder="DOB_YYYY" data-dt-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" data-dojo-props="pattern: '^(19[1-9][0-9]|200[0-9]|201[0-7])$', maxLength: 4,required: true, invalidMessage: 'LOGON_INVALID_YEAR_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
</div>
</div>
<p class="exampleText dateExMargin" data-nlsid="PasswordPage.LOGON_DOB_EXAMPLE1"></p>
</div>
</div>
</div>
</div>
<div>
<label for="secureCode" data-nlsid="PasswordPage.LOGON_ENTER_SECURE_CODE"></label>
<a id="DP270help" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentSecurityDP270"> <!-- onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP"});' -->
<span class="hidden" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP"></span></a>
<div id="sliderContentSecurityDP270" aria-hidden="true" role="presentation" class="sliderContentSecurity" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_SECURE_KEY_TITLE"></h3>
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/hardToken_v2/SecureKey_HardToken_v2_2.png" alt="" />
<div class="baseline side-panel-alignment">
<a class="normalIcon forgotSecureKeyPin" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="forgotSecureKey" href="#" title=""><span data-nlsid="PasswordPage.LOGON_FORGOT_SECUREKEY_PIN"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_LOST_DAMAGED_SECUREKEY"></span> <span class="hidden" aria-hidden="false" data-nlsid="Logon.EP_OPEN_OVERLAY_TEXT"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="launchSecureHelp" href="#" title=""><span data-nlsid="PasswordPage.LOGON_SECURE_KEY_NEED_HELP"></span> <span class="hidden" aria-hidden="false" data-nlsid="Logon.EP_OPEN_OVERLAY_TEXT"></span><span class="icon"></span></a>
</div>
</div>
<a id="DP302help" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentSecurityDP302" onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP"});'><span class="hidden" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP"></span></a>
<div id="sliderContentSecurityDP302" aria-hidden="true" role="presentation" class="sliderContentSecurity" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_SECURE_KEY_TITLE"></h3>
<img class="device" src="/ContentService/gsp/saas/Components/default/doc/keypad-v2-img.jpg" alt="" />
<div class="baseline side-panel-alignment">
<a class="normalIcon forgotSecureKeyPin" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="forgotSecureKey" href="#" title=""><span data-nlsid="PasswordPage.LOGON_DP302_FORGOT_SECUREKEY_PIN"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_DP302_LOST_DAMAGED_SECUREKEY"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="launchSecureHelp" href="#" title=""><span data-nlsid="PasswordPage.LOGON_DP302_SECURE_KEY_NEED_HELP"></span><span class="icon"></span></a>
<a class="normalIcon resetPopup" id="reset_mob" role="presentation" style="display:none;" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="resetDigitalSecureKey" href="#" title="" class="gusSecondary hasDSK" aria-hidden="true" data-nlsid="LockedSecureKey.LOGON_RESET_DP302_SECURE_KEY"></a>
</div>
</div>
<a id="MOBhelp" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentSecurityMOB">
<span class="hidden" aria-hidden="true" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP"></span></a>
<div id="sliderContentSecurityMOB" class="sliderContentSecurity" aria-hidden="true" role="presentation" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_SECURE_KEY_TITLE_MOB"></h3>
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/secureKeyGenerate.png?ECAL=en_US&SAGG=gsp_hbus" alt="" />
<div class="baseline">
<!-- p data-nlsid="PasswordPage.LOGON_DIGITAL_SECURITY_DEVICE_HELP_TEXT"></p-->
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="forgotSecureKeyPass" data-target-id="lightboxContentSoft" href="#" title=""><span data-nlsid="PasswordPage.LOGON_FORGOT_SECUREKEY_PASSWORD"></span><span class="icon"></span></a>
</div>
</div>
<a id="go3help" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentSecuritygo3"> <!-- onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP"});' -->
<span aria-hidden="true" class="hidden" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP"></span></a>
<div id="sliderContentSecuritygo3" aria-hidden="true" role="presentation" class="sliderContentSecurity" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_SECURE_KEY_TITLE"></h3>
<img class="device" src="/gsp/saas/Components/default/resources/images/keylogin/security-device2.png" alt="" />
<div class="baseline">
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_LOST_DAMAGED_DEVICE"></span><span class="icon"></span></a>
</div>
</div>
<a id="dobDP270help" href="#" aria-hidden="true" role="presentation" tabindex="0" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentDobSecurityDP270"> <!-- onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code-and-dob/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP|DOB"});' -->
<span class="hidden"data-nlsid="PasswordPage.LOGON_DOB_SECURE_KEY_HELP"></span></a>
<div id="sliderContentDobSecurityDP270" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_DOB_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT1"></p>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT2"></p>
<div class="baseline">
<h3 class="" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP_TITLE"></h3>
<a class="normalIcon" tabindex="0" title="" href="#" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="forgotSecureKey"><span data-nlsid="PasswordPage.LOGON_FORGOT_SECUREKEY_PIN"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_LOST_DAMAGED_SECUREKEY"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="launchSecureHelp" href="#" title=""><span data-nlsid="PasswordPage.LOGON_SECURE_KEY_NEED_HELP"></span><span class="icon"></span></a>
</div>
</div>
<a id="dobDP302help" href="#" aria-hidden="true" role="presentation" tabindex="0" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentDobSecurityDP302" onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code-and-dob/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP|DOB"});'><span class="hidden"data-nlsid="PasswordPage.LOGON_DOB_SECURE_KEY_HELP"></span></a>
<div id="sliderContentDobSecurityDP302" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_DOB_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT1"></p>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT2"></p>
<div class="baseline">
<h3 class="" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP_TITLE"></h3>
<a class="normalIcon" tabindex="0" title="" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="forgotSecureKey"><span aria-hidden="true" data-nlsid="PasswordPage.LOGON_FORGOT_SECUREKEY_PIN"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_LOST_DAMAGED_SECUREKEY"></span><span class="icon"></span></a><br>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="launchSecureHelp" href="#" title=""><span data-nlsid="PasswordPage.LOGON_SECURE_KEY_NEED_HELP"></span><span class="icon"></span></a>
<a class="normalIcon resetPopup" id="reset_mob1" role="presentation" style="display:none;" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="resetDigitalSecureKey" href="#" title="" class="gusSecondary hasDSK" aria-hidden="true" data-nlsid="LockedSecureKey.LOGON_RESET_DIGITAL_SECURE_KEY"></a>
</div>
</div>
<a id="dobMOBhelp" aria-hidden="true" role="presentation" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentDobSecurityMOB"> <!-- onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code-and-dob/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP|DOB"});' -->
<span class="hidden" data-nlsid="PasswordPage.LOGON_DOB_SECURE_KEY_HELP"></span></a>
<div id="sliderContentDobSecurityMOB" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_DOB_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT1"></p>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT2"></p>
<div class="baseline">
<h3 class="" data-nlsid="PasswordPage.LOGON_SECURE_KEY_TITLE_MOB"></h3>
<p data-nlsid="PasswordPage.LOGON_DIGITAL_SECURITY_DEVICE_HELP_TEXT"></p>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title=""><span data-nlsid="PasswordPage.LOGON_FORGOT_SECUREKEY_PASSWORD"></span><span class="icon"></span></a>
</div>
</div>
<a id="dobgo3help" aria-hidden="true" role="presentation" href="#" class="jsSliderTrigger helpIcon right" data-target-id="sliderContentDobSecuritygo3"> <!-- onclick='trackEventWrapper({page_url: "/gsp/idv/cam-20/otp-challenge/code-and-dob/", event_type:"click",event_category: "GSP",event_subcategory: "saas",event_action:"helpTextView",event_content:"OTP|DOB"});' -->
<span class="hidden" data-nlsid="PasswordPage.LOGON_DOB_SECURE_KEY_HELP"></span></a>
<div id="sliderContentDobSecuritygo3" aria-hidden="true" role="presentation" style="display:none;">
<h3 data-nlsid="PasswordPage.LOGON_DOB_HELP"></h3>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT1"></p>
<p data-nlsid="PasswordPage.LOGON_DOB_HELP_TEXT2"></p>
<div class="baseline">
<h3 class="" data-nlsid="PasswordPage.LOGON_SECURE_KEY_HELP_TITLE"></h3>
<a class="normalIcon" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="lostDamageSecurekey" data-target-id="lostDamageContent" href="#" title="" style="display:block!important;"><span data-nlsid="PasswordPage.LOGON_LOST_DAMAGED_SECUREKEY"></span><span class="icon"></span></a>
</div>
</div>
</div>
<div class="row question jsQuestion">
<div class="gusTextInput">
<div id="secureCodeError" class="validationMsg jsValidationMsg"></div>
<input autocomplete="off" data-nlsid-value="InputErrorMsg.LOGON_MISSING_MESSAGE,InputErrorMsg.LOGON_INVALID_SECURECODE_MESSAGE" class="keyPressValidationTextBox" id="secureCode" data-dojo-type="hsbcwidget/form/KeyPressValidationTextBoxGUS" type="text" name="secureCode" data-dojo-props="pattern: '^[A-Za-z0-9]{5,8}', maxLength: 8, required: true, invalidMessage: 'LOGON_INVALID_SECURECODE_MESSAGE', missingMessage: 'LOGON_MISSING_MESSAGE'" />
</div>
</div>
<div class="row">
<div id="DP270how" class="col3 alignRight">
<a href="#" class="jsSliderTrigger right normalIcon" data-target-id="sliderSecureKeyHelpDP270" title=""><span data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></span><span class="icon"></span></a>
<div id="sliderSecureKeyHelpDP270" class="sliderContentSecurity" aria-hidden="true" role="presentation" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></h3>
<div data-slider-type="hsbcwidget/Carousel" data-dojo-props="cssClass: 'carouselOne'">
<div class="dijitCarouselItem" aria-hidden="true" role="presentation" >
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/hardToken_v2/SecureKey_HardToken_v2_2.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP1"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT1"></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/hardToken_v2/SecureKey_HardToken_v2_3.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP2"></span>
<p class="standard centreIt"><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_1"></span><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_2"></span><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_3"></span></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/hardToken_v2/SecureKey_HardToken_v2_5.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP3"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT3"></p>
</div>
</div>
</div>
</div>
<div id="DP302how" class="col3 alignRight">
<a href="#" class="jsSliderTrigger right normalIcon" data-target-id="sliderSecureKeyHelpDP302" title=""><span data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></span><span class="icon"></span></a>
<div id="sliderSecureKeyHelpDP302" class="sliderContentSecurity" aria-hidden="true" role="presentation" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE_DP302"></h3>
<div data-slider-type="hsbcwidget/Carousel" data-dojo-props="cssClass: 'carouselOne'">
<div class="dijitCarouselItem" aria-hidden="true" role="presentation" >
<img class="device" src="/ContentService/gsp/saas/Components/default/doc/keypad-v2-img.jpg" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP1"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT1_DP302"></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/doc/keypad-v2-img2.jpg" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP2"></span>
<p class="standard centreIt"><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_1_DP302"></span><strong data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_2_DP302"></strong><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT2_3_DP302"></span></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/doc/keypad-v2-img3.jpg" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP3"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_TEXT3_DP302"></p>
</div>
</div>
</div>
</div>
<div id="MOBhow" class="col3 alignRight">
<a href="#" class="jsSliderTrigger right normalIcon" data-target-id="sliderSecureKeyHelpMOB" title=""><span data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></span><span class="icon"></span></a>
<div id="sliderSecureKeyHelpMOB" class="sliderContentSecurity" aria-hidden="true" role="presentation" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></h3>
<div data-slider-type="hsbcwidget/Carousel" data-dojo-props="cssClass: 'carouselOne'">
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/secureKeyGenerate.png?ECAL=en_US&SAGG=gsp_hbus" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP1"></span>
<p class="standard centreIt"><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_MOB_TEXT1_1"></span> <strong data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_MOB_TEXT1_2"></strong>.</p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/softToken/04Generate.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP2"></span>
<p class="standard centreIt"><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_MOB_TEXT2_1"></span><span data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_MOB_TEXT2_2"></span></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/ContentService/gsp/saas/Components/default/resources/images/content/softToken/05Key.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP3"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_MOB_TEXT3"></p>
</div>
</div>
</div>
</div>
<div id="go3how" class="col3 alignRight">
<a href="#" class="jsSliderTrigger right normalIcon" data-target-id="sliderSecureKeyHelpgo3" title=""><span data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></span><span class="icon"></span></a>
<div id="sliderSecureKeyHelpgo3" class="sliderContentSecurity" aria-hidden="true" role="presentation" style="display:none;">
<h3 class="alignCenter" data-nlsid="PasswordPage.LOGON_HOW_TO_GENERETE_SECURE_CODE"></h3>
<div data-slider-type="hsbcwidget/Carousel" data-dojo-props="cssClass: 'carouselOne'">
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/gsp/saas/Components/default/resources/images/keylogin/security-device1.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP1"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_GO_TEXT1"></p>
</div>
<div class="dijitCarouselItem" aria-hidden="true" role="presentation">
<img class="device" src="/gsp/saas/Components/default/resources/images/keylogin/security-device2.png" alt="" />
<span class="hidden" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_STEP2"></span>
<p class="standard centreIt" data-nlsid="PasswordPage.LOGON_GENERETE_SECURE_CODE_GO_TEXT2"></p>
</div>
</div>
</div>
</div>
</div>
<div class="ctaPosition">
<input class="gusPrimary submit_input" type="submit" id="formSubmitButton3" data-nlsid="InputErrorMsg.LOGON_CONTINUE" disabled aria-disabled="true" />
</div>
<div class="ctaPositionLeft" aria-hidden="true">
<a class="gusSecondary" href="#" id="formGvgtButton3" aria-hidden="true" aria-disabled="true" style="visibility:hidden;"> <span data-nlsid="Logon.LOGON_CANCEL"> </span> </a>
</div>
</form>
</div>
<div class="baseline">
<a class="normalIcon switchToPassword hasPassword" id="switchToPassword" href="#" title=""><span data-nlsid="PasswordPage.LOGON_USING_PSWD"></span><span class="icon"></span></a>
</div>
</div>
<div id="viewNo4" class="hideableStep">
<div class="bodyline pb30">
<h2 class="warning" data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED"></h2>
<p class="warnText" data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_TEXT1"></p>
<p class="warnText noSecureCode" data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_TEXT2"></p>
<div class="hasSecureCode">
<p class="warnText withcircle" data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_CONTINUE"></p>
<ul class="warnText">
<li data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_CONTINUE_STEP1"></li>
<li data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_CONTINUE_STEP2"></li>
</ul>
</div>
<p class="warnText" data-nlsid="PasswordPage.LOGON_INVALID_DOB_HELP"></p>
<div class="row logonButtons">
<a class="gusSecondary switchToSecureCode hasSecureCode marginal textAlign buttonPadding hiddenNew" id="SecureCodeButtonSuspend" href="javascript:;" data-nlsid="PasswordPage.LOGON_WITH_SECURITY_CODE"></a>
<a class="gusSecondary noSecureCode marginal pwdRecovery" href="javascript:;" data-nlsid="PasswordPage.LOGON_START_PASSWORD_RESET"></a>
<a class="gusSecondary lastbutton returnToHomepageLink" href="javascript:;" data-nlsid="PasswordPage.LOGON_RETURN_HOMEPAGE"></a>
</div>
</div>
</div>
<div id="viewNo5" class="hideableStep">
<div class="bodyline pb30">
<h2 class="warning" data-nlsid="PasswordPage.LOGON_SECURE_KEY_SUSPENDED"></h2>
<p class="warnText" data-nlsid="PasswordPage.LOGON_SECURE_KEY_SUSPENDED_TEXT1"></p>
<div class="hasSecureCode">
<p class="warnText" data-nlsid="PasswordPage.LOGON_PSWD_SUSPENDED_CONTINUE"></p>
<ul class="warnText withcircle">
<li data-nlsid="PasswordPage.LOGON_SECURE_KEY_SUSPENDED_CONTINUE_STEP1"></li>
<li data-nlsid="PasswordPage.LOGON_SECURE_KEY_SUSPENDED_CONTINUE_STEP2"></li>
</ul>
</div>
<p class="warnText" data-nlsid="PasswordPage.LOGON_INVALID_DOB_HELP"></p>
<div class="row logonButtons">
<a href="#" class="gusSecondary switchToPassword hasPassword marginal" data-nlsid="PasswordPage.LOGON_USE_PSWD"></a>
<a class="gusSecondary returnToHomepageLink " href="#" data-nlsid="PasswordPage.LOGON_RETURN_HOMEPAGE"></a>
</div>
</div>
</div>
<div id="viewNo6" class="hideableStep">
<div class="bodyline pb30">
<h2 class="warning" data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD"></h2>
<p class="warnText" data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD_TEXT1"></p>
<p class="warnText noSecureCode" data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD_TEXT2"></p>
<div class="hasSecureCode">
<p class="warnText" data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD_CONTINUE"></p>
<ul class="warnText withcircle">
<li data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD_CONTINUE_STEP1"></li>
<li data-nlsid="LockedPassword.LOGON_LOCKED_PASSWORD_CONTINUE_STEP2"></li>
</ul>
</div>
<div class="row logonButtons">
<a class="gusSecondary marginal switchToSecureCode hasSecureCode hiddenNew" id="SwitchSecureCodeButton" href="javascript:;" data-nlsid="LockedPassword.LOGON_USE_SECURE_CODE"></a>
<a class="gusSecondary pwdRecovery" href="javascript:;" data-nlsid="LockedPassword.LOGON_START_PASSWORD_RECOVERY"></a>
</div>
</div>
</div>
<div id="viewNo7" class="hideableStep">
<div class="bodyline pb30">
<h2 class="warning" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY"></h2>
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_TEXT1"></p>
<div class="noDSK1">
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_CONTINUE"></p>
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_TEXT2"></p>
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_TEXT3"></p>
</div>
<div class="hasDSK1">
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_CONTINUE"></p>
<ul class="warnText withcircle">
<li data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_CONTINUE_STEP1"></li>
<li data-nlsid="LockedSecureKey.LOGON_LOCKED_SECURE_KEY_CONTINUE_STEP2"></li>
</ul>
</div>
<div class="row logonButtons soft_OTP">
<a href="#" class="gusSecondary switchToPassword hasPassword marginal" data-nlsid="LockedSecureKey.LOGON_USE_PASSWPRD"></a>
<a id="contact-hsbc" class="gusSecondary noDSK" href="#" data-nlsid="LockedSecureKey.LOGON_CONTACT_HSBC"></a>
<a id="reset_mob" href="#" title="" class="gusSecondary hasDSK reset_mob hidden" aria-hidden="true" role="presentation" data-slider-type="hsbcwidget/ExternalDispatcher" data-action-type="resetDigitalSecureKey" data-nlsid="LockedSecureKey.LOGON_RESET_DIGITAL_SECURE_KEY"></a>
</div>
</div>
</div>
<div id="viewNo8" class="hideableStep">
<div class="bodyline pb30">
<h2 class="warning" data-nlsid="LockedSecureKey.LOGON_ERROR"></h2>
<p class="warnText" id="sysError"></p>
<p class="warnText" data-nlsid="LockedSecureKey.LOGON_SYSTEM_UNAVAILABLE"></p>
<div class="row logonButtons">
<a class="gusSecondary returnToHomepageLink" href="#" data-nlsid="PasswordPage.LOGON_RETURN_HOMEPAGE"></a>
</div>
</div>
</div>
</div>
<div class="slideOverlay"></div>
<div data-dojo-type="hsbcwidget/SlideOut" class="slideOut" id="slideOut" aria-hidden="true">
<a class="closeButton jsClose" href="#" tabindex="0" id="close_btn" aria-describedby="sliderContent"><span class="hidden">Close</span></a>
<div id="sliderContent"></div>
</div>
</div>
</div>
</div>
</div>
<!-- mainContent ends -->
<!--TODO to add footercontent.html-->
<p><!-- START: Click to Assist -->
<!--
<style type="text/css">/* CTA */
#lpChatButtonMTG{
position:fixed;
top:40%;
right: -7px;
z-index: 999;
height: 200px;
}
#lpChatButtonMTG a{
display: block;
}
#lpChatButtonMTG a:focus{
outline: #d40000 solid 3px;
}
#lpChatButtonMTG a:active{
outline: none;
}
#lpChatInviteMTG{
position: fixed;
right: -8px;
top: 39%;
}
#lpChatInviteMTG .close{
border: solid 3px #fff;
}
#lpChatInviteMTG .chat{
border: solid 3px #fff;
}
#lpChatInviteMTG .cancel{
border: solid 3px #fff;
}
#lpChatInviteMTG .close:focus, #lpChatInviteMTG .chat:focus, #lpChatInviteMTG .cancel:focus{
border: solid 3px red;
}
</style>
<script src="https://www.us.hsbc.com/1/themes/html/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="/ContentService/gsp/saas/Components/htmls/clickToAssist/js/browser-detect-min.js?ECAL=en_US&SAGG=gsp_us" type="text/javascript"></script>
<script src="/ContentService/gsp/saas/Components/htmls/clickToAssist/js/lp_local_config.js?ECAL=en_US&SAGG=gsp_us" type="text/javascript"></script>
<script src="/ContentService/gsp/saas/Components/htmls/clickToAssist/js/le-mtagconfig.js?ECAL=en_US&SAGG=gsp_us" type="text/javascript"></script>
-->
<!-- END: Click to Assist -->
<!-- START: Click to Assist : LE2 temp added as requested by Catherine Bannister -->
<script type="text/javascript">
// append target divs
var lp_chat_btn_img = $('<div id="lpChatButtonMTG"></div>');
$(lp_chat_btn_img).insertAfter('h1');
</script>
<!-- END: Click to Assist -->
</p>
<div dir="ltr" id="footerLinks">
<div id="footerLinksRow">
<ul>
<li class="contact"><a href="https://www.us.hsbc.com/customer-service/contact-us/" title="Contact HSBC">Customer Service</a></li>
<li class="branch"><a href="https://www.us.hsbc.com/branch-locator/" title="Find a branch">Find a branch or ATM</a></li>
<li class="support"><a href="https://www.us.hsbc.com/customer-service/contact-us/" title="Support">Customer feedback</a></li>
</ul>
</div>
</div>
<div dir="ltr" id="footerUtility">
<div id="footerUtilityRow">
<ul>
<li><a href="http://www.about.us.hsbc.com/" title="About HSBC">About HSBC</a></li>
<li><a href="http://www.hsbc.com/careers/where-we-hire/united-states-of-america" title="Careers">Careers</a></li>
<li><a href="https://www.us.hsbc.com/online-privacy-statement/" title="Privacy">Privacy</a></li>
<li><a href="https://www.us.hsbc.com/security/protect-you/" title="Security">Security</a></li>
<li><a href="https://www.us.hsbc.com/site-terms-and-conditions/" title="Terms and conditions">Terms &amp; Conditions</a></li>
<li><a href="https://www.us.hsbc.com/site-map/" title="Site map">Site Map</a></li>
<li><a href="https://www.us.hsbc.com/accessibility/" title="Accessibility">HSBC Accessibility</a></li>
<li><a href="http://www.hsbc.com/" title="HSBC Group" target="group">HSBC Group</a></li>
</ul>
<p>
&#169;&#160;HSBC Bank USA, N.A. 2019. All Rights Reserved.<br/>
Member FDIC.<br/>
<img src="/ContentService/gsp/saas/Components/default/doc/ehl_logo_wht_13x10.png?SAGG=gsp_us" style="padding-bottom: 4px;" alt=""/>&nbsp;<a href="https://www.us.hsbc.com/home-loans/equal-housing-lender/">Equal Housing Lender</a>
</p>
</div>
</div>
<div class="loadinContent" data-dojo-type="hsbcwidget/countrySelector" dir="ltr" id="countrySelectorContent">
<div class="tabsNode">&nbsp;</div>
<div class="regions">
<div class="region" id="europe">
<h2>Europe</h2>
<div class="navList">
<ul class="nav">
<li class="multiTop"><a class="am" href="http://www.hsbc.am/1/2/en/home" lang="en-GB" target="" title="Armenia">Armenia</a></li>
<li class="multiBottom"><a href="http://www.hsbc.am/1/2/hy/home" lang="hy-AM" target="" title="Õ€Õ¡ÕµÕ¡Õ½Õ¿Õ¡Õ¶">Õ€Õ¡ÕµÕ¡Õ½Õ¿Õ¡Õ¶</a></li>
<li class="multiTop"><a class="cz" href="http://www.hsbc.cz/1/2/cze/en/business" lang="cs-CZ" target="" title="Czech Republic">Czech Republic</a></li>
<li class="multiBottom"><a href="http://www.hsbc.cz/1/2/cze/cs/business" lang="en-GB" target="" title="Česká republika">Česká republika</a></li>
<li class="multiTop"><a class="fr" href="https://www.hsbc.fr/1/2/english/personal" lang="en-GB" target="" title="France (English)">France <span>(English)</span></a></li>
<li class="multiBottom"><a href="https://www.hsbc.fr/1/2/hsbc-france" lang="fr-FR" target="" title="France (Français)">France <span>(Français)</span></a></li>
<li><a class="de" href="http://www.hsbctrinkaus.de/global/display/home" lang="en-GB" target="" title="Germany">Germany</a></li>
<li class="multiTop"><a class="gr" href="http://www.hsbc.gr/1/2/en/home" lang="en-GB" target="" title="Greece">Greece</a></li>
<li class="multiBottom"><a href="http://www.hsbc.gr/1/2/el/home" lang="el-GR" target="" title="Ελλάδα">Ελλάδα</a></li>
<li class="last"><a class="gg" href="http://www.offshore.hsbc.com/1/2/international/home" lang="en-GB" target="" title="Guernsey">Guernsey</a></li>
</ul>
<ul class="nav">
<li><a class="hu" href="http://www.hsbccredit.hu/" lang="hu-HU" target="" title="Hungary">Hungary</a></li>
<li><a class="ie" href="http://www.hsbc.ie/1/2/hsbc-ireland/home/home" lang="en-IE" target="" title="Ireland">Ireland</a></li>
<li><a class="im" href="http://www.offshore.hsbc.com/1/2/international/home" lang="en-GB" target="" title="Isle of Man">Isle of Man</a></li>
<li><a class="je" href="http://www.offshore.hsbc.com/1/2/international/home" lang="en-GB" target="" title="Jersey">Jersey</a></li>
<li class="multiTop"><a class="kz" href="http://www.hsbc.kz/1/2/en/home" lang="en-GB" target="" title="Kazakhstan">Kazakhstan</a></li>
<li class="multiMiddle"><a href="http://www.hsbc.kz/1/2/kk/home" lang="kk-KZ" target="" title="Òš�°�·�°Ò›Ñ�Ñ‚�°�½">Òš�°�·�°Ò›Ñ�Ñ‚�°�½</a></li>
<li class="multiBottom"><a href="http://www.hsbc.kz/1/2/ru/home" lang="ru-RU" target="" title="�š�°�·�°Ñ…Ñ�Ñ‚�°�½">�š�°�·�°Ñ…Ñ�Ñ‚�°�½</a></li>
<li><a class="mt" href="https://www.hsbc.com.mt/1/2/home/hsbc-bank-malta-plc-home-page" lang="en-GB" target="" title="Malta">Malta</a></li>
<li class="multiTop"><a class="pl" href="http://www.hsbc.pl/1/2/en/home" lang="en-GB" target="" title="Poland">Poland</a></li>
<li class="last multiBottom"><a href="http://www.hsbc.pl/1/2/pl/home" lang="pl-PL" target="" title="Polska">Polska</a></li>
</ul>
<ul class="nav">
<li class="multiTop"><a class="ru" href="http://www.hsbc.ru/1/2/rus/en/home" lang="en-GB" target="" title="Russia">Russia</a></li>
<li class="multiBottom"><a href="http://www.hsbc.ru/1/2/rus/ru/home" lang="ru-RU" target="" title="� �¾Ñ�Ñ��¸Ñ�">� �¾Ñ�Ñ��¸Ñ�</a></li>
<li class="multiTop"><a class="sk" href="http://www.hsbc.sk/1/2/hsbc-slovakia/en/home" lang="en-GB" target="" title="Slovakia">Slovakia</a></li>
<li class="multiBottom"><a href="http://www.hsbc.sk/1/2/hsbc-slovakia/sk/home/home" lang="sk-SK" target="" title="Slovensko">Slovensko</a></li>
<li class="multiTop"><a class="es" href="http://www.hsbc.es/1/2/esp/en/home" lang="es-ES" target="" title="Spain">Spain</a></li>
<li class="multiBottom"><a href="http://www.hsbc.es/1/2/esp/es/home" lang="en-GB" target="" title="España">España</a></li>
<li><a class="ch" href="http://www.hsbc.ch/1/2/che/en/corporate" lang="en-GB" target="" title="Switzerland">Switzerland</a></li>
<li class="multiTop"><a class="tr" href="http://www.hsbc.com.tr/eng/" lang="en-GB" target="" title="Turkey">Turkey</a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.tr/tr/" lang="tr-TR" target="" title="Türkiye">Türkiye</a></li>
<li class="last"><a class="uk" href="http://www.hsbc.co.uk/1/2/personal" lang="en-GB" target="" title="United Kingdom">United Kingdom</a></li>
</ul>
</div>
</div>
<div class="region" id="asiaPacific">
<h2>Asia-Pacific</h2>
<div class="navList">
<ul class="nav">
<li><a class="au" href="http://www.hsbc.com.au/1/2/home" lang="en-AU" target="" title="Australia">Australia</a></li>
<li><a class="bd" href="http://www.hsbc.com.bd/1/2/home" lang="en-GB" target="" title="Bangladesh">Bangladesh</a></li>
<li><a class="bn" href="http://www.hsbc.com.bn/1/2/home" lang="en-GB" target="" title="Brunei Darussalam">Brunei Darussalam</a></li>
<li class="multiTop"><a class="cn" href="http://www.hsbc.com.cn/1/2/home" lang="en-GB" target="" title="China">China</a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.cn/1/2/" lang="zh-CN" target="" title="中国">中国</a></li>
<li class="multiTop"><a class="hk" href="http://www.hsbc.com.hk/1/2/home" lang="en-GB" target="" title="Hong Kong">Hong Kong</a></li>
<li class="multiMiddle"><a href="http://www.hsbc.com.hk/1/2/chinese/home" lang="zh-HK" target="" title="香港（��中文）">香港<span>（��中文）</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.hk/1/2/simplified/home" lang="zh-CN" target="" title="香港（简体中文）">香港<span>（简体中文）</span></a></li>
<li class="multiTop"><a class="id" href="http://www.hsbc.co.id/1/2/home_en_US" lang="en-GB" target="" title="Indonesia (English)">Indonesia <span>(English)</span></a></li>
<li class="last multiBottom"><a href="http://www.hsbc.co.id/1/2/home_in_ID" lang="id-ID" target="" title="Indonesia (Bahasa Indonesia)">Indonesia <span>(Bahasa Indonesia)</span></a></li>
</ul>
<ul class="nav">
<li><a class="in" href="http://www.hsbc.co.in/1/2/homepage" lang="en-GB" target="" title="India">India</a></li>
<li class="multiTop"><a class="jp" href="http://www.hsbc.co.jp/1/2/home" lang="en-GB" target="" title="Japan">Japan</a></li>
<li class="multiBottom"><a href="http://www.hsbc.co.jp/1/2/home-jp" lang="ja-JP" target="" title="�本">�本</a></li>
<li class="multiTop"><a class="kr" href="http://www.hsbc.co.kr/1/2/home" lang="en-GB" target="" title="Korea">Korea</a></li>
<li class="multiBottom"><a href="http://www.hsbc.co.kr/1/2/home_ko" lang="ko-KR" target="" title="한국">한국</a></li>
<li class="multiTop"><a class="mo" href="http://www.hsbc.com.mo/1/2/home-en" lang="en-GB" target="" title="Macau">Macau</a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.mo/1/2/home-mo" lang="zh-MO" target="" title="澳門">澳門</a></li>
<li><a class="my" href="http://www.hsbc.com.my/1/2/HSBC-Bank-Malaysia-Berhad" lang="en-GB" target="" title="Malaysia">Malaysia</a></li>
<li><a class="mv" href="http://www.hsbc.lk/1/2/home-page/male-branch" lang="en-GB" target="" title="Maldives">Maldives</a></li>
<li class="last"><a class="nz" href="http://www.hsbc.co.nz/1/2/home" lang="en-NZ" target="" title="New Zealand">New Zealand</a></li>
</ul>
<ul class="nav">
<li><a class="pk" href="http://www.hsbc.com.pk/1/2/home" lang="en-GB" target="" title="Pakistan">Pakistan</a></li>
<li><a class="ph" href="http://www.hsbc.com.ph/1/2/home" lang="en-PH" target="" title="Philippines">Philippines</a></li>
<li><a class="sg" href="http://www.hsbc.com.sg/1/2/home" lang="en-GB" target="" title="Singapore">Singapore</a></li>
<li><a class="lk" href="http://www.hsbc.lk/1/2/home-page" lang="en-GB" target="" title="Sri Lanka">Sri Lanka</a></li>
<li class="multiTop"><a class="tw" href="http://www.hsbc.com.tw/1/2/home_en" lang="en-GB" target="" title="Taiwan">Taiwan</a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.tw/1/2/home_zh_TW" lang="zh-TW" target="" title="��">��</a></li>
<li class="multiTop"><a class="th" href="http://www.hsbc.co.th/1/2/home-en" lang="en-GB" target="" title="Thailand">Thailand</a></li>
<li class="multiBottom"><a href="http://www.hsbc.co.th/1/2/home-th" lang="th-TH" target="" title="ประเ�ศไ�ย">ประเ�ศไ�ย</a></li>
<li class="multiTop"><a class="vn" href="http://www.hsbc.com.vn/1/2/home_en" lang="en-GB" target="" title="Vietnam">Vietnam</a></li>
<li class="last multiBottom"><a href="http://www.hsbc.com.vn/1/2/home" lang="vi-VN" target="" title="Việt Nam">Việt Nam</a></li>
</ul>
</div>
</div>
<div class="region" id="middleEast">
<h2>Middle East &amp; Africa</h2>
<div class="navList">
<ul class="nav">
<li><a class="dz" href="http://www.algeria.hsbc.com/hsbcdz" lang="fr-FR" target="" title="Algeria">Algeria</a></li>
<li class="multiTop"><a class="bh" href="http://www.hsbc.com.bh/1/2/home" lang="en-GB" target="" title="Bahrain (Conventional Banking)">Bahrain <span>(Conventional)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.bh/1/2/islamic-financial-solutions" lang="en-GB" target="" title="Bahrain (Islamic Amanah Banking)">Bahrain <span>(Islamic Amanah)</span></a></li>
<li><a class="eg" href="http://www.hsbc.com.eg/1/2/" lang="en-GB" target="" title="Egypt">Egypt</a></li>
<li><a class="jo" href="http://www.hsbc.jo/1/2/home" lang="en-GB" target="" title="Jordan">Jordan</a></li>
<li><a class="kw" href="http://www.kuwait.hsbc.com/1/2/kuwait" lang="en-GB" target="" title="Kuwait">Kuwait</a></li>
<li><a class="lb" href="http://www.hsbc.com.lb/1/2/home" lang="en-GB" target="" title="Lebanon">Lebanon</a></li>
<li class="last"><a class="mu" href="http://www.hsbc.co.mu/1/2/home" lang="en-GB" target="" title="Mauritius">Mauritius</a></li>
</ul>
<ul class="nav">
<li><a class="om" href="http://www.hsbc.co.om/1/2/home" lang="en-GB" target="" title="Oman">Oman</a></li>
<li class="multiTop"><a class="qa" href="http://www.hsbc.com.qa/1/2/ALL_SITE_PAGES/home" lang="en-GB" target="" title="Qatar (Conventional Banking)">Qatar <span>(Conventional)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.qa/1/2/ALL_SITE_PAGES/hsbc-amanah" lang="en-GB" target="" title="Qatar (Islamic Amanah Banking)">Qatar <span>(Islamic Amanah)</span></a></li>
<li><a class="sa" href="http://www.sabb.com/1/2/sabb-en/home" lang="en-GB" target="" title="Saudi Arabia">Saudi Arabia</a></li>
<li><a href="http://www.sabb.com/1/2/sabb-ar/home" lang="ar-SA" target="" title="السعودية">السعودية</a></li>
<li><a class="za" href="http://www.hsbc.co.za/" lang="en-ZA" target="" title="South Africa">South Africa</a></li>
<li class="multiTop"><a class="ae" href="http://www.hsbc.ae/1/2/personal" lang="en-GB" target="" title="United Arab Emirates (Conventional Banking)">United Arab Emirates <span>(Conventional)</span></a></li>
<li class="last multiBottom"><a href="http://www.hsbc.ae/1/2/amanah-personal" lang="en-GB" target="" title="United Arab Emirates (Islamic Amanah Banking)">United Arab Emirates <span>(Islamic Amanah)</span></a></li>
</ul>
</div>
</div>
<div class="region" id="americas">
<h2>Americas</h2>
<div class="navList">
<ul class="nav">
<li><a class="ar" href="http://www.hsbc.com.ar/ar/hsbcgrupo/" lang="es-AR" target="" title="Argentina">Argentina</a></li>
<li><a class="bm" href="http://www.hsbc.bm/1/2/bermuda/home" lang="en-US" target="" title="Bermuda">Bermuda</a></li>
<li class="multiTop"><a class="br" href="http://www.hsbc.com.br/1/2/portal/en/personal/international-services" lang="en-US" target="" title="Brazil (English)">Brazil <span>(English)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.br/1/2/portal/pt/pagina-inicial" lang="pt-BR" target="" title="Brasil (Português)">Brasil <span>(Português)</span></a></li>
<li class="multiTop"><a class="ca" href="http://www.hsbc.ca/1/2/en/home/home" lang="en-CA" target="" title="Canada (English)">Canada <span>(English)</span></a></li>
<li class="multiMiddle"><a href="http://www.hsbc.ca/1/2/fr/home/home" lang="fr-CA" target="" title="Canada (Français)">Canada <span>(Français)</span></a></li>
<li class="multiMiddle"><a href="http://www.hsbc.ca/1/2/tw/home/home" lang="zh-HK" target="" title="加拿大（��中文）">加拿大<span>（��中文）</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.ca/1/2/cn/home/home" lang="zh-CN" target="" title="加拿大（简体中文）">加拿大<span>（简体中文）</span></a></li>
<li class="last"><a class="ky" href="http://www.hsbc.ky/1/2/cayman/home" lang="en-US" target="" title="Cayman Islands">Cayman Islands</a></li>
</ul>
<ul class="nav">
<li class="multiTop"><a class="cl" href="http://www.hsbc.cl/1/2/en/home" lang="en-US" target="" title="Chile (English)">Chile <span>(English)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.cl/1/2/es/home" lang="es-CL" target="" title="Chile (Español)">Chile <span>(Español)</span></a></li>
<li class="multiTop"><a class="co" href="http://www.hsbc.com.co/1/2/en/home" lang="en-US" target="" title="Colombia (English)">Colombia <span>(English)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.co/1/2/es/home" lang="es-CO" target="" title="Colombia (Español)">Colombia <span>(Español)</span></a></li>
<li><a class="cr" href="http://www.hsbc.fi.cr/" lang="es-CR" target="" title="Costa Rica">Costa Rica</a></li>
<li><a class="sv" href="http://www.hsbc.com.sv/" lang="es-SV" target="" title="El Salvador">El Salvador</a></li>
<li><a class="hn" href="http://www.hsbc.com.hn/es/index.asp" lang="es-HN" target="" title="Honduras">Honduras</a></li>
<li class="multiTop"><a class="mx" href="http://www.hsbc.com.mx/1/2/en/home" lang="en-US" target="" title="Mexico (English)">Mexico <span>(English)</span></a></li>
<li class="last multiBottom"><a href="http://www.hsbc.com.mx/1/2/es/home" lang="es-MX" target="" title="México (Español)">México <span>(Español)</span></a></li>
</ul>
<ul class="nav">
<li class="multiTop"><a class="pa" href="http://www.hsbc.com.pa/1/2/en/home" lang="en-US" target="" title="Panama (English)">Panama <span>(English)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.pa/1/2/es/home" lang="es-PA" target="" title="Panamá (Español)">Panamá <span>(Español)</span></a></li>
<li class="multiTop"><a class="py" href="http://www.hsbc.com.py" lang="en-US" target="" title="Paraguay (English)">Paraguay <span>(English)</span></a></li>
<li class="multiBottom"><a href="http://www.hsbc.com.py" lang="es-PY" target="" title="Paraguay (Español)">Paraguay <span>(Español)</span></a></li>
<li><a class="pe" href="http://www.hsbc.com.pe/1/2/es/home" lang="es-PE" target="" title="Perú">Perú</a></li>
<li><a class="us" href="http://www.us.hsbc.com/" lang="en-US" target="" title="United States">United States</a></li>
<li class="last"><a class="uy" href="http://www.hsbc.com.uy/" lang="es-UY" target="" title="Uruguay">Uruguay</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- LP -->
<!--
<script type="text/javascript">
var prefetchScriptTag = document.createElement("script");
var gsp_entity="us";//for e.g. gb,eg,ca etc
prefetchScriptTag.type = "text/javascript";
prefetchScriptTag.src = "https://lp.services.online-banking.us.hsbc.com/ContentService/gsp/ChannelsLibrary/Components/client/cmn/prefetch/us/prefetch.js?"+ new Date().getTime();
document.body.appendChild(prefetchScriptTag);
</script>
-->
<!-- PROD -->
<script type="text/javascript">
var prefetchScriptTag = document.createElement("script");
var gsp_entity="us";//for e.g. gb,eg,ca etc
prefetchScriptTag.type = "text/javascript";
prefetchScriptTag.src = "https://www.services.online-banking.us.hsbc.com/ContentService/gsp/ChannelsLibrary/Components/client/cmn/prefetch/us/prefetch.js?"+ new Date().getTime();
document.body.appendChild(prefetchScriptTag);
</script>
<!-- Saas Tealium configurable content start-->
<script type="text/javascript">
(function(a,b,c,d){
a='//tags.tiqcdn.com/utag/hsbc/us-rbwm-saas/prod/utag.sync.js';
if (location.host != null && (location.host.toLowerCase().indexOf('p2g.netd2') != -1 || location.host.toLowerCase().indexOf('qualityassurance') != -1) || location.host.toLowerCase().indexOf('preprod') != -1) {
a='//tags.tiqcdn.com/utag/hsbc/us-rbwm-saas/qa/utag.sync.js';
}
b = document;
c = 'script';
d = b.createElement(c);
d.src = a;
a = b.getElementsByTagName('head')[0];
a.appendChild(d);
})();
</script>
<script type="text/javascript">
(function(a,b,c,d){
a='//tags.tiqcdn.com/utag/hsbc/us-rbwm-saas/prod/utag.js';
if (location.host != null && (location.host.toLowerCase().indexOf('p2g.netd2') != -1 || location.host.toLowerCase().indexOf('qualityassurance') != -1) || location.host.toLowerCase().indexOf('preprod') != -1) {
a='//tags.tiqcdn.com/utag/hsbc/us-rbwm-saas/qa/utag.js';
}
b = document;
c = 'script';
d = b.createElement(c);
d.src = a;
d.type='text/java'+c;
d.async=true;
a = b.getElementsByTagName(c)[0];
a.parentNode.insertBefore(d,a);
})();
</script>
<!-- Saas Tealium configurable content end-->
<!--
<div class="banner cam10 banner-design">
<b>Welcome to HSBC Simplified Log on experience.</b>
<br><br>
We have made few changes to make log on more simpler yet secure. To bring an even better digital experience your online banking log on page has been given a refreshed look.
</div>
<div class="banner cam30 banner-design">
<b>To make Log on simple, we have made following key changes</b>
<br>
<div class="banner-padding">
<span class="icon-disc"></span>
You no longer need to answer your memorable question.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Instead of entering three random characters from your password, enter full password now.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Don't worry, you can still generate your security code exactly the same way as before.
</div>
</div>
<div class="banner cam40 banner-design">
<b>To make Log on simple, we have made following key changes</b>
<br>
<div class="banner-padding">
<span class="icon-disc"></span>
You no longer need to answer your memorable question.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Instead of entering three random characters from your password, enter full password now.
</div>
<div class="banner-padding">
<span class="icon-disc"></span>
Don't worry, you can still generate your security code exactly the same way as before.
</div>
</div>
-->
</div>
<!-- script type="text/javascript">
(function(a,b,c,d){
a='//tags.tiqcdn.com/utag/hsbc//utag.js';
b=document;
c='script';
d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a); })();
</script-->
</body>
<a class="jsLightboxTrigger1 noPrint" id="browserlink"
data-target-id="lightboxContent7"></a>
<div style="display: none;" id="lightboxContent7">
<div class="alertLightbox informationBox clearfix">
<span class="hidden" aria-hidden="false"><fmt:message key="ALERTBOX_INFORMATION_TEXT" bundle="" /></span>
<div class="alertLightboxInner">
<div class="row">
<p class="alertLightboxHeading" data-nlsid="BrowserWarning.BROWSER_NOT_SUPPORTED_WARNING_TEXT">
</p>
<p data-nlsid="BrowserWarning.BROWSER_NOT_SUPPORTED_TEXT"></p>
</div>
</div>
</div>
</div>
<div class="noPrint" id="browserDiv" ></div>
<div id="lostDamageContent" style="display:none;">
<div class="alertLightbox info Clearfix">
<div class="alertLightboxInner">
<div class="row">
<h3 class="headingStyle03" data-nlsid="PasswordPage.LOGON_CAM40_SOTP_OVERLAY_TEXT">
</h3>
</div>
<a class="button secondary primaryBtn"
href="#"> <span class="buttonInner buttonClose jsClose" data-nlsid="PasswordPage.LOGON_CAM40_OTP_OVERLAY_CONTINUE_VALUE"></span>
</a>
</div>
</div>
</div>
<!--sotp overlay-->
<div id="lightboxContentSoft" style="display: none;">
<div class="alertLightbox info Clearfix">
<div class="alertLightboxInner">
<div class="row">
<h3 class="headingStyle03" data-nlsid="PasswordPage.LOGON_CAM40_SOTP_OVERLAY_TEXT">
</h3>
</div>
<a class="button secondary primaryBtn" href="#"> <span
class="buttonInner buttonClose jsClose" data-nlsid="PasswordPage.LOGON_CAM40_OTP_OVERLAY_CONTINUE_VALUE"></span>
</a>
</div>
</div>
</div>
<div data-dojo-type="hsbcwidget/Lightbox1"></div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment