<>

<div class="login-paginated-page" data-bind="component: { name: 'master-page',

publicMethods: masterPageMethods,

params: {

serverData: svr,

showButtons: svr.fShowButtons,

showFooterLinks: true,

useWizardBehavior: svr.fUseWizardBehavior,

handleWizardButtons: false,

password: password,

hideFromAria: ariaHidden },

event: {

footerAgreementClick: footer_agreementClick } }">

<div id="lightboxBackgroundContainer" data-bind="component: { name: 'background-image-control',

publicMethods: $page.backgroundControlMethods,

event: { load: $page.backgroundImageControl_onLoad } }"><div class="background-image-holder" role="presentation" data-bind="css: { app: isAppBranding }, style: { background: backgroundStyle }">

</div></div>

<div id="lightbox" data-bind="

animationEnd: $page.paginationControlHelper.animationEnd,

externalCss: { 'sign-in-box': true },

css: {

'inner': $content.isVerticalSplitTemplate,

'vertical-split-content': $content.isVerticalSplitTemplate,

'app': $page.backgroundLogoUrl,

'wide': $page.paginationControlHelper.useWiderWidth,

'fade-in-lightbox': $page.fadeInLightBox,

'has-popup': $page.showFedCredAndNewSession && ($page.showFedCredButtons() || $page.newSession()),

'transparent-lightbox': $page.backgroundControlMethods() && $page.backgroundControlMethods().useTransparentLightBox,

'lightbox-bottom-margin-debug': $page.showDebugDetails }" class="sign-in-box ext-sign-in-box fade-in-lightbox has-popup">

<div data-bind="component: { name: 'logo-control',

params: {

isChinaDc: svr.fIsChinaDc,

bannerLogoUrl: bannerLogoUrl() } }">

<img class="logo" role="img" pngsrc="https://aadcdn.msauth.net/shared/1.0/content/images/microsoft_logo_ed9c9eb0dce17d752bedea6b5acda6d9.png" svgsrc="https://aadcdn.msauth.net/shared/1.0/content/images/microsoft_logo_ee5c8d9fb6248c938fd0dc19370e90bd.svg" data-bind="imgSrc, attr: { alt: str['MOBILE_STR_Footer_Microsoft'] }" src="https://aadcdn.msauth.net/shared/1.0/content/images/microsoft_logo_ee5c8d9fb6248c938fd0dc19370e90bd.svg" alt="Microsoft">

</div>

<div role="main" data-bind="component: { name: 'pagination-control',

publicMethods: paginationControlMethods,

params: {

enableCssAnimation: svr.fEnableCssAnimation,

disableAnimationIfAnimationEndUnsupported: svr.fDisableAnimationIfAnimationEndUnsupported,

initialViewId: initialViewId,

currentViewId: currentViewId,

initialSharedData: initialSharedData,

initialError: $loginPage.getServerError() },

event: {

cancel: paginationControl_onCancel,

load: paginationControlHelper.onLoad,

unload: paginationControlHelper.onUnload,

loadView: view_onLoadView,

showView: view_onShow,

setLightBoxFadeIn: view_onSetLightBoxFadeIn,

animationStateChange: paginationControl_onAnimationStateChange } }">

<div class="pagination-view animate slide-in-next" data-bind="css: {

'has-identity-banner': showIdentityBanner() && (sharedData.displayName || svr.sPOST_Username),

'zero-opacity': hidePaginatedView.hideSubView(),

'animate': animate(),

'slide-out-next': animate.isSlideOutNext(),

'slide-in-next': animate.isSlideInNext(),

'slide-out-back': animate.isSlideOutBack(),

'slide-in-back': animate.isSlideInBack() }">

<div data-viewid="1" data-showfedcredbutton="true" data-bind="pageViewComponent: { name: 'login-paginated-username-view',

params: {

serverData: svr,

serverError: initialError,

isInitialView: isInitialState,

displayName: sharedData.displayName,

otherIdpRedirectUrl: sharedData.otherIdpRedirectUrl,

prefillNames: $loginPage.prefillNames,

flowToken: sharedData.flowToken,

availableSignupCreds: sharedData.availableSignupCreds },

event: {

redirect: $loginPage.view_onRedirect,

setPendingRequest: $loginPage.view_onSetPendingRequest,

registerDialog: $loginPage.view_onRegisterDialog,

unregisterDialog: $loginPage.view_onUnregisterDialog,

showDialog: $loginPage.view_onShowDialog,

updateAvailableCredsWithoutUsername: $loginPage.view_onUpdateAvailableCreds,

agreementClick: $loginPage.footer_agreementClick } }">

<div data-bind="component: { name: 'header-control',

params: {

serverData: svr,

title: str['WF_STR_HeaderDefault_Title'] } }"><div>

</div>

</div></div>

</div>

<div class="placeholderContainer" data-bind="component: { name: 'placeholder-textbox-field',

publicMethods: usernameTextbox.placeholderTextboxMethods,

params: {

serverData: svr,

hintText: tenantBranding.unsafe_userIdLabel || str['STR_SSSU_Username_Hint'] || str['CT_PWD_STR_Email_Example'],

hintCss: 'placeholder' + (!svr.fAllowPhoneSignIn ? ' ltr_override' : '') },

event: {

updateFocus: usernameTextbox.textbox_onUpdateFocus } }">

<input type="email" name="loginfmt" id="i0116" maxlength="113" class="form-control ltr_override input ext-input text-box ext-text-box" aria-required="true" data-report-event="Signin_Email_Phone_Skype" data-report-trigger="click" data-report-value="Email_Phone_Skype_Entry" data-bind="

attr: { lang: svr.fApplyAsciiRegexOnInput ? null : 'en' },

externalCss: {

'input': true,

'text-box': true,

'has-error': usernameTextbox.error },

ariaLabel: tenantBranding.unsafe_userIdLabel || str['CT_PWD_STR_Username_AriaLabel'],

ariaDescribedBy: 'loginHeader' + (pageDescription && !svr.fHideLoginDesc ? ' loginDescription usernameError' : ' usernameError'),

textInput: usernameTextbox.value,

hasFocusEx: usernameTextbox.focused,

placeholder: $placeholderText" aria-label="Enter your email, phone, or Skype." aria-describedby="loginHeader usernameError" placeholder="Email, phone, or Skype" data-report-attached="1" data-keeper-lock-id="k-cg9cda86x8">

<keeper-lock class="focus-visible logged-in" tabindex="0" id="k-cg9cda86x8" aria-label="Open Keeper Popup" role="button" style="background-image: url("chrome-extension://lfochlioelphaglamdcakfjemolpichk/images/ico-field-fill-lock.svg") !important; background-size: 16px 16px !important; cursor: pointer !important; width: 16px !important; position: absolute !important; opacity: 0 !important; margin-top: auto !important; min-width: 16px !important; top: 10px; left: 322px; z-index: 1; padding: 0px; height: 16px !important;"></keeper-lock></div>

</div>

<div class="form-group" data-bind="

htmlWithBindings: html['WF_STR_SignUpLink_Text'],

childBindings: {

'signup': {

href: svr.urlSignUp || '#',

ariaLabel: svr.urlSignUp ? str['WF_STR_SignupLink_AriaLabel_Text'] : str['WF_STR_SignupLink_AriaLabel_Generic_Text'],

click: signup_onClick } }">No account? <a href="https://login.live.com/oauth20_authorize.srf?client_id=4765445b-32c6-49b0-83e6-1d93765276ca&scope=openid+profile+https%3a%2f%2fwww.office.com%2fv2%2fOfficeHome.All&redirect_uri=https%3a%2f%2fwww.office.com%2flandingv2&response_type=code+id_token&state=dknvyZU0zJPDHL9Foyez1tKJjG1zntiTGiFZ69BXnQcdb6-mxIpb1S_2alVS8SVqpTEz-vaExJ1-nBtATT13HJnQZ2CMyz6xdqcKhCYJaaBc5W6D5GtteYwOOYd6pPMF2r3ObnGhj7phAnqMaiXWrDPJhhsmdF_5Ygqkg4mOj5U4tfU7MnBK20Zv2V8qo2acV-NSG5ieDBbFQYPeJhCUoTsBQLspAs2FKYtgN4A9Uh33FlqcxM5FBfxk9tOS3beSWSqSoa4AhTi0pJRDVQiU0kIBAx550VaLmRroCT1qP20&response_mode=form_post&nonce=637902092876662094.MWViM2Y4M2UtOTA1Ni00YmRhLWEwYzktYzVhYjIzZTcyYThiYTMyMmI1MzEtMWNmNy00YzY5LTg5ZTAtNjdjNzRhMDZkMjQy&x-client-SKU=ID_NETSTANDARD2_0&x-client-Ver=6.12.1.0&uaid=876ac699e6d94951b1178d89432bec87&msproxy=1&issuer=mso&tenant=common&ui_locales=en-US&signup=1&lw=1&fl=easi2&epct=AQABAAAAAAD--DLA3VO7QrddgJg7Wevr6zhTRF3ce77oua3LqOu5WzY_T8rvXyljayZsW3JMK5YXAaW4SQcRnKMZnnPlnzRi2pcLWkfEUPnMfz9rtql_wWaRNVXBk-MtQHFvGB_b2lma3ku_YAd3CycUuOwXLTTWNkYk1jo_yOpHXMsDspiCsvZQKDwr5mKTof8wopl_rO5YbM_sjA-3DxoHQOvF2oNYPqwKKiqXFqM5Mc0R3KiErCAA&jshs=0" id="signup" aria-label="Create a Microsoft account">Create one!</a></div>

<a id="cantAccessAccount" name="cannotAccessAccount" data-bind="

text: unsafe_cantAccessYourAccountText,

click: accessRecoveryLink ? null : cantAccessAccount_onClick,

attr: { target: accessRecoveryLink && '_blank' },

href: accessRecoveryLink || '#'" href="#">Can’t access your account?</a>

</div>

</div>

<div data-bind="component: { name: 'footer-buttons-field',

params: {

serverData: svr,

isPrimaryButtonEnabled: !isRequestPending(),

isPrimaryButtonVisible: svr.fShowButtons,

isSecondaryButtonEnabled: true,

isSecondaryButtonVisible: svr.fShowButtons && isSecondaryButtonVisible(),

secondaryButtonText: secondaryButtonText() },

event: {

primaryButtonClick: primaryButton_onClick,

secondaryButtonClick: secondaryButton_onClick } }"><div class="col-xs-24 no-padding-left-right button-container" data-bind="

visible: isPrimaryButtonVisible() || isSecondaryButtonVisible(),

css: { 'no-margin-bottom': removeBottomMargin }">

<input type="button" id="idBtn_Back" class="win-button button-secondary button ext-button secondary ext-secondary" data-bind="

attr: { 'id': secondaryButtonId || 'idBtn_Back' },

externalCss: {

'button': true,

'secondary': true },

value: secondaryButtonText() || str['CT_HRD_STR_Splitter_Back'],

ariaDescribedBy: secondaryButtonDescribedBy,

hasFocus: focusOnSecondaryButton,

click: secondaryButton_onClick,

enable: isSecondaryButtonEnabled" value="Back">

</div>

<input type="submit" id="idSIButton9" class="win-button button_primary button ext-button primary ext-primary" data-report-event="Signin_Submit" data-report-trigger="click" data-report-value="Submit" data-bind="

attr: primaryButtonAttributes,

externalCss: {

'button': true,

'primary': true },

value: primaryButtonText() || str['CT_PWD_STR_SignIn_Button_Next'],

hasFocus: focusOnPrimaryButton,

click: primaryButton_onClick,

enable: isPrimaryButtonEnabled,

visible: isPrimaryButtonVisible,

preventTabbing: primaryButtonPreventTabbing" value="Next" data-report-attached="1">

</div>

</div></div>

</div>

</div>

</div>

</div></div>

<div data-bind="component: { name: 'instrumentation-control',

publicMethods: instrumentationMethods,

params: { serverData: svr } }">

</div>

<div class="promoted-fed-cred-content" data-bind="css: {

'animate': $page.useCssAnimations && $page.animate(),

'slide-out-next': $page.animate.isSlideOutNext,

'slide-in-next': $page.animate.isSlideInNext,

'slide-out-back': $page.animate.isSlideOutBack,

'slide-in-back': $page.animate.isSlideInBack,

'app': $page.backgroundLogoUrl }">

<div class="table" role="button" tabindex="0" data-bind="

css: { 'list-item': svr.fSupportWindowsStyles },

pressEnter: $page.otherSigninOptionsButton_onClick,

click: $page.otherSigninOptionsButton_onClick,

ariaLabel: $data.text" aria-label="Sign-in options">

<img class="tile-img medium" role="presentation" data-bind="attr: { src: $data.darkIconUrl }" src="https://aadcdn.msauth.net/shared/1.0/content/images/signin-options_4e48046ce74f4b89d45037c90576bfac.svg">

</div>

<div data-bind="

text: $data.text,

attr: { 'data-test-id': $data.testId }" data-test-id="signinOptions">Sign-in options</div>

</div>

</div>

</div>

</div>

</div>

<div id="footer" role="contentinfo" data-bind="

externalCss: {

'footer': true,

'has-background': !$page.useDefaultBackground(),

'background-always-visible': $page.backgroundLogoUrl }" class="footer ext-footer">

<div data-bind="component: { name: 'footer-control',

publicMethods: $page.footerMethods,

params: {

serverData: svr,

useDefaultBackground: $page.useDefaultBackground(),

hasDarkBackground: $page.backgroundLogoUrl(),

showLinks: true,

showFooter: $page.showFooter(),

hideTOU: $page.hideTOU(),

termsText: $page.termsText(),

termsLink: $page.termsLink(),

hidePrivacy: $page.hidePrivacy(),

privacyText: $page.privacyText(),

privacyLink: $page.privacyLink() },

event: {

agreementClick: $page.footer_agreementClick,

showDebugDetails: $page.toggleDebugDetails_onClick } }">

<a id="ftrTerms" data-bind="

text: termsText,

href: termsLink,

click: termsLink_onClick,

externalCss: {

'footer-content': true,

'footer-item': true,

'has-background': !useDefaultBackground,

'background-always-visible': hasDarkBackground }" href="https://www.microsoft.com/en-US/servicesagreement/" class="footer-content ext-footer-content footer-item ext-footer-item">Terms of use</a>

<a id="ftrPrivacy" data-bind="

text: privacyText,

href: privacyLink,

click: privacyLink_onClick,

externalCss: {

'footer-content': true,

'footer-item': true,

'has-background': !useDefaultBackground,

'background-always-visible': hasDarkBackground }" href="https://privacy.microsoft.com/en-US/privacystatement" class="footer-content ext-footer-content footer-item ext-footer-item">Privacy & cookies</a>

<a id="moreOptions" href="#" role="button" data-bind="

click: moreInfo_onClick,

ariaLabel: str['CT_STR_More_Options_Ellipsis_AriaLabel'],

attr: { 'aria-expanded': showDebugDetails().toString() },

hasFocusEx: focusMoreInfo(),

externalCss: {

'footer-content': true,

'footer-item': true,

'debug-item': true,

'has-background': !useDefaultBackground,

'background-always-visible': hasDarkBackground }" aria-label="Click here for troubleshooting information" aria-expanded="false" class="footer-content ext-footer-content footer-item ext-footer-item debug-item ext-debug-item">...</a>

</div>

</div>

</div>

</div>

</div>

</div>

</form>

</div>

<>

Report Page