login.microsoftonline.com Open in urlscan Pro
2603:1027:1:d8::4  Public Scan

Form analysis
2 forms found in the DOM

Name: f1 — POST https://login.microsoftonline.com/common/login

<form name="f1" id="i0281" novalidate="novalidate" spellcheck="false" method="post" target="_top" autocomplete="off"
  data-bind="visible: !isLoginPageHidden(), autoSubmit: forceSubmit, attr: { action: postUrl }, ariaHidden: !!activeDialog(), css: { 'provide-min-height': svr.fUseMinHeight }" action="https://login.microsoftonline.com/common/login"
  class="provide-min-height">
  <!-- ko withProperties: { '$loginPage': $data } -->
  <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 } }"><!--  -->
    <!-- ko ifnot: useLayoutTemplates --><!-- /ko -->
    <!-- ko if: useLayoutTemplates -->
    <!-- ko withProperties: { '$page': $parent } -->
    <!-- ko if: isLightboxTemplate() -->
    <div id="lightboxTemplateContainer" data-bind="component: { name: 'lightbox-template', params: { serverData: svr, showHeader: $page.showHeader(), headerLogo: $page.headerLogo() } }, css: { 'provide-min-height': svr.fUseMinHeight }"
      class="provide-min-height"><!--  -->
      <div id="lightboxBackgroundContainer" data-bind="css: { 'provide-min-height': svr.fUsePlaywrightMinHeight },
    component: { name: 'background-image-control',
        publicMethods: $page.backgroundControlMethods,
        event: { load: $page.backgroundImageControl_onLoad } }">
        <div class="background-image-holder app" role="presentation" data-bind="css: { app: isAppBranding }, style: { background: backgroundStyle }" style="background: rgb(0, 114, 198);">
          <!-- ko if: smallImageUrl --><!-- /ko -->
          <!-- ko if: backgroundImageUrl --><!-- /ko -->
        </div>
      </div>
      <!-- ko if: svr.iBannerEnvironment --><!-- /ko -->
      <!-- ko withProperties: { '$masterPageContext': $parentContext } -->
      <div class="outer app" data-bind="css: { 'app': $page.backgroundLogoUrl }">
        <!-- ko if: showHeader --><!-- /ko -->
        <div class="template-section main-section">
          <div data-bind="externalCss: { 'middle': true }" class="middle ext-middle">
            <div class="full-height" data-bind="component: { name: 'content-control', params: { serverData: svr, isVerticalSplitTemplate: $page.isVerticalSplitTemplate(), hasHeader: showHeader } }"><!--  -->
              <!-- ko withProperties: { '$content': $data } -->
              <div class="flex-column">
                <!-- ko if: $page.paginationControlHelper.showBackgroundLogoHolder -->
                <div class="background-logo-holder">
                  <img class="background-logo" role="presentation" data-bind="attr: { src: $page.backgroundLogoUrl }" src="https://aadcdn.msftauth.net/shared/1.0/content/images/applogos/17_51e2d36bb3f20fbd95d946074449cd54.png">
                </div>
                <!-- /ko -->
                <!-- ko if: $page.paginationControlHelper.showPageLevelTitleControl --><!-- /ko -->
                <div class="win-scroll">
                  <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 &amp;&amp; ($page.showFedCredButtons() || $page.newSession()),
                'transparent-lightbox': $page.backgroundControlMethods() &amp;&amp; $page.backgroundControlMethods().useTransparentLightBox,
                'lightbox-bottom-margin-debug': $page.showDebugDetails,
                'has-header': $content.hasHeader }" class="sign-in-box ext-sign-in-box app fade-in-lightbox has-popup">
                    <!-- ko template: { nodes: $masterPageContext.$componentTemplateNodes, data: $page } -->
                    <!-- ko if: svr.fShowCookieBanner --><!-- /ko -->
                    <div class="lightbox-cover" data-bind="css: { 'disable-lightbox': svr.fAllowGrayOutLightBox &amp;&amp; showLightboxProgress() }"></div>
                    <!-- ko if: showLightboxProgress --><!-- /ko -->
                    <!-- ko if: loadBannerLogo -->
                    <div data-bind="component: { name: 'logo-control',
            params: {
                isChinaDc: svr.fIsChinaDc,
                bannerLogoUrl: bannerLogoUrl() } }"><!--  -->
                      <!-- ko if: bannerLogoUrl --><!-- /ko -->
                      <!-- ko if: !bannerLogoUrl && !isChinaDc && !isCiamUserFlowUx -->
                      <!-- ko component: 'accessible-image-control' --><!-- ko if: (isHighContrastBlackTheme || hasDarkBackground || svr.fHasBackgroundColor) && !isHighContrastWhiteTheme --><!-- /ko -->
                      <!-- ko if: (isHighContrastWhiteTheme || (!hasDarkBackground && !svr.fHasBackgroundColor)) && !isHighContrastBlackTheme -->
                      <!-- ko template: { nodes: [darkImageNode], data: $parent } --><img class="logo" role="img" pngsrc="https://aadcdn.msftauth.net/shared/1.0/content/images/microsoft_logo_ea19b2112f4dfd8e90b4505ef7dcb4f9.png"
                        svgsrc="https://aadcdn.msftauth.net/shared/1.0/content/images/microsoft_logo_564db913a7fa0ca42727161c6d031bef.svg" data-bind="imgSrc, attr: { alt: str['MOBILE_STR_Footer_Microsoft'] }"
                        src="https://aadcdn.msftauth.net/shared/1.0/content/images/microsoft_logo_564db913a7fa0ca42727161c6d031bef.svg" alt="Microsoft"><!-- /ko -->
                      <!-- /ko --><!-- /ko -->
                      <!-- /ko -->
                      <!-- ko if: !bannerLogoUrl && isCiamUserFlowUx && bannerLogoText --><!-- /ko -->
                    </div>
                    <!-- /ko -->
                    <!-- ko if: svr.strLWADisclaimerMsg && paginationControlHelper.showLwaDisclaimer() --><!-- /ko -->
                    <!-- ko if: asyncInitReady -->
                    <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 data-bind="css: { 'zero-opacity': hidePaginatedView() }" class="">
                        <!-- ko if: showIdentityBanner() && (sharedData.displayName || svr.sPOST_Username) --><!-- /ko -->
                        <div class="pagination-view animate slide-in-next" data-bind="css: {
        'has-identity-banner': showIdentityBanner() &amp;&amp; (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() }">
                          <!-- ko foreach: views -->
                          <!-- ko if: $parent.currentViewIndex() === $index() -->
                          <!-- ko template: { nodes: [$data], data: $parent } -->
                          <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,
                    customStrings: $loginPage.stringCustomizationObservables.customStrings(),
                    isCustomizationFailure: $loginPage.stringCustomizationObservables.isCustomStringsLoadFailure(),
                    userIdLabel: $loginPage.userIdLabel,
                    cantAccessYourAccountText: $loginPage.cantAccessYourAccountText,
                    hideAccountResetCredentials: $loginPage.hideAccountResetCredentials,
                    accessRecoveryLink: $loginPage.accessRecoveryLink,
                    boilerPlateText: $loginPage.boilerPlateText },
                event: {
                    restoreIsRecoveryAttemptPost: $loginPage.view_onRestoreIsRecoveryAttemptPost,
                    redirect: $loginPage.view_onRedirect,
                    updateDFPUrl: $loginPage.view_onUpdateDFPUrl,
                    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: customTitle() || str['WF_STR_HeaderDefault_Title'],
        headerDescription: customDescription() } }">
                              <div>
                                <div class="row title ext-title" id="loginHeader" data-bind="externalCss: { 'title': true }">
                                  <div role="heading" aria-level="1" data-bind="text: title">Sign in</div>
                                  <!-- ko if: isSubtitleVisible -->
                                  <div data-bind="text: subtitle || str['WF_STR_App_Title'], externalCss: { 'subtitle': true }" class="subtitle ext-subtitle">to continue to Microsoft Azure</div>
                                  <!-- /ko -->
                                </div>
                                <!-- ko if: headerDescription --><!-- /ko -->
                              </div>
                            </div>
                            <!-- ko if: pageDescription && !svr.fHideLoginDesc --><!-- /ko -->
                            <div class="row">
                              <!-- ko if: svr.fEnableAriaLiveUpdates --><!-- /ko -->
                              <!-- ko ifnot: svr.fEnableAriaLiveUpdates -->
                              <div role="alert" aria-live="assertive">
                                <!-- ko if: usernameTextbox.error --><!-- /ko -->
                              </div>
                              <!-- /ko -->
                              <div class="form-group col-md-24">
                                <!-- ko if: prefillNames().length > 1 --><!-- /ko -->
                                <!-- ko ifnot: prefillNames().length > 1 -->
                                <div class="placeholderContainer" data-bind="component: { name: 'placeholder-textbox-field',
            publicMethods: usernameTextbox.placeholderTextboxMethods,
            params: {
                serverData: svr,
                hintText: svr.fEnableLivePreview ? userIdLabel : 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 } }"><!-- ko withProperties: { '$placeholderText': placeholderText } -->
                                  <!-- ko template: { nodes: $componentTemplateNodes, data: $parent } -->
                                  <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',
                            autocomplete: svr.fIsUpdatedAutocompleteEnabled ? 'username' : null },
                    externalCss: {
                        'input': true,
                        'text-box': true,
                        'has-error': usernameTextbox.error },
                    ariaLabel: tenantBranding.unsafe_userIdLabel || str['CT_PWD_STR_Username_AriaLabel'],
                    ariaDescribedBy: 'loginHeader' + (pageDescription &amp;&amp; !svr.fHideLoginDesc ? ' loginDescription usernameError' : ' usernameError'),
                    textInput: usernameTextbox.value,
                    hasFocusEx: usernameTextbox.focused,
                    placeholder: $placeholderText" autocomplete="username" aria-label="Enter your email address, phone number or Skype." aria-describedby="loginHeader usernameError" placeholder="Email address, phone number or Skype">
                                  <!-- ko if: svr.fIsUpdatedAutocompleteEnabled -->
                                  <input name="passwd" type="password" id="i0118" data-bind="moveOffScreen, textInput: passwordBrowserPrefill" class="moveOffScreen" tabindex="-1" aria-hidden="true">
                                  <!-- /ko -->
                                  <!-- ko ifnot: svr.fIsUpdatedAutocompleteEnabled --><!-- /ko -->
                                  <!-- /ko -->
                                  <!-- /ko -->
                                  <!-- ko ifnot: usePlaceholderAttribute --><!-- /ko -->
                                </div>
                                <!-- /ko -->
                              </div>
                            </div>
                            <div data-bind="css: { 'position-buttons': !tenantBranding.BoilerPlateText &amp;&amp; !boilerPlateText }, externalCss: { 'password-reset-links-container': true }"
                              class="position-buttons password-reset-links-container ext-password-reset-links-container">
                              <div class="row">
                                <div class="col-md-24">
                                  <div class="text-13">
                                    <!-- ko if: svr.fCBShowSignUp && !svr.fDoIfExists && !svr.fCheckProofForAliases -->
                                    <!-- ko if: svr.fIsSelfServiceSignupUxEnabled --><!-- /ko -->
                                    <!-- ko ifnot: svr.fIsSelfServiceSignupUxEnabled -->
                                    <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?scope=openid+profile+email+offline_access&amp;response_type=code&amp;client_id=51483342-085c-4d86-bf88-cf50c7252078&amp;response_mode=form_post&amp;redirect_uri=https%3a%2f%2flogin.microsoftonline.com%2fcommon%2ffederation%2foauth2msa&amp;state=rQQIARAAlZM7jNt0HMfj5i7Xq67tcWJgQHBDB1Rw4mcSHzqhvM524kdefi6WH38n9sV24keceGFhYEKdK7Ew3lTBgjrRDZ2QqFiQmNhARaoqkFBHcpXYYfkt3-9n-n2-dw4aVbKKVJGHZayKnD2wCcIikCYO45aFwARlo7BFNByYahCAxG3LcXG7XyERlMCR-OTO8Vv-vf2_X_n9LyuTk0-evffuY-jQWHhrULWj4Ap6OE_TZXJWq3lhmoWgGnh2HCWRm97EtcSbhV64yxywqX0LQc8h6HcIurqV1PFmvYFT9TpJkDjWIJtoVfMvArHLbrWCTcWpTQoTBOGLXsFN55cCLaX6VF_w9Hgudke4qPQwoSth2rQ_5xUp5f35gt_u-hiPctNFICpsKky1nKe1gt_xWqBtf7l1X2xl6Ry7OVHsFeDPW4duFAfGMkrSx-XfyuIShKzTicIQ2Gn1pgbC1LPN1IvCYRwtQZx6IDl35mtE2tKuHss4zMhIZ5Kavq4vLropI7tu7A1SYYY5OLPFO4xVZPRYFAdrs7jI0PaqXq83hpnhA91ZA87kJkRT7gWo3VLQdU9VAYbAPEnMDFZZsCyFToVpi2jz5laIB_lgmQ2IMYLlltVp1n0etoTI5kyNVRCGFot2bPtDIPYVf-GTeD4ar9neWB8b6gZOLkUi3q43k4Ie95a8u9EvKMlR1T4tu4KlxQUJ-FTobx1b3LK5LTfyDJb41qgeb2C9yMILglhiFO1382lySVNZC7DNCVPAHUOfj_EwdWeyTaykmIlgkqEMJFKMBGWdWEra2hqeJJOZz8C9Ba8iCGG2e51OcyMhlmzMfJYKCIljA3HdogJr1COdEapwmuESKwsOVjTR6lu0OBdJORvRET5CVm49I9FRMmZodNkZmswI0w1attXFiml58VrNDXnFLdW-CnP48CKJiHA27c05bBQbw0vgDpSr8oN_pQ3M0JyBYPfmna4xqOY7U6M8qYYgrX1dvhvFMzP0ijcCJNdl7r9gtSwBseEFO1uSKHyDnu7UCT3nFASmtzhdxpHrLcDzPejF3tHtg-P9d0qnpQ_eRm6_3oO-2t8N7tPv84-9E7399Pzn97_47Kh0vV_rrJqXWysdRYPZh5JACeLYrAlbBhe5ZqrgRXeOOaSjD1QNlc7JM_RRBXpUqVxXDtmuIfSmRAN7VYE-Pyg9Pfwfc31yBH13t_T63l8_fPPjHz89e8m8uP8RHrf7AzMALRM4gGUVDZ8tqVoiyqEqb4Zdzc7RGiZ367XCPn9yXPr1uPQP0&amp;estsfed=1&amp;uaid=050e6a11f0f64a6a9d0653123fc11e1c&amp;signup=1&amp;lw=1&amp;fl=easi2&amp;cobrandid=ed5d1924-9524-4e70-8f68-5ee5e35afbef&amp;fci=c44b4083-3bb0-49c1-b47d-974e53cbdf3c" id="signup" aria-label="Create a Microsoft account">Create one!</a>
                                    </div>
                                    <!-- /ko -->
                                    <!-- /ko -->
                                    <!-- ko ifnot: hideCantAccessYourAccount -->
                                    <div class="form-group">
                                      <a id="cantAccessAccount" name="cannotAccessAccount" data-bind="
                        text: svr.fEnableLivePreview ? cantAccessYourAccountText : unsafe_cantAccessYourAccountText,
                        click: accessRecoveryLink ? null : cantAccessAccount_onClick,
                        attr: { target: accessRecoveryLink &amp;&amp; '_blank' },
                        href: accessRecoveryLink || '#'" href="#">Can’t access your account?</a>
                                    </div>
                                    <!-- /ko -->
                                    <!-- ko if: showFidoLinkInline && hasFido() && (availableCredsWithoutUsername().length >= 2 || svr.fShowForgotUsernameLink || isOfflineAccountVisible) --><!-- /ko -->
                                    <!-- ko if: svr.fEnableShowPickerCredObservable -->
                                    <!-- ko if: showCredPicker() --><!-- /ko -->
                                    <!-- /ko -->
                                    <!-- ko ifnot: svr.fEnableShowPickerCredObservable --><!-- /ko -->
                                    <!-- ko if: svr.urlSkipZtd --><!-- /ko -->
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- ko if: svr.fShowLegalMessagingInline --><!-- /ko -->
                            <div class="win-button-pin-bottom" data-bind="css : { 'boilerplate-button-bottom': tenantBranding.BoilerPlateText || boilerPlateText }">
                              <div class="row" data-bind="css: { 'move-buttons': tenantBranding.BoilerPlateText || boilerPlateText }">
                                <div data-bind="component: { name: 'footer-buttons-field',
            params: {
                serverData: svr,
                isPrimaryButtonEnabled: !isRequestPending(),
                isPrimaryButtonVisible: svr.fShowButtons,
                isSecondaryButtonEnabled: true,
                isSecondaryButtonVisible: svr.fShowButtons &amp;&amp; isSecondaryButtonVisible(),
                secondaryButtonText: secondaryButtonText() },
            event: {
                primaryButtonClick: primaryButton_onClick,
                secondaryButtonClick: secondaryButton_onClick } }">
                                  <div class="col-xs-24 no-padding-left-right button-container button-field-container ext-button-field-container" data-bind="
    visible: isPrimaryButtonVisible() || isSecondaryButtonVisible(),
    css: { 'no-margin-bottom': removeBottomMargin },
    externalCss: { 'button-field-container': true }">
                                    <!-- ko if: isSecondaryButtonVisible --><!-- /ko -->
                                    <div data-bind="css: { 'inline-block': isPrimaryButtonVisible }, externalCss: { 'button-item': true }" class="inline-block button-item ext-button-item">
                                      <!-- type="submit" is needed in-addition to 'type' in primaryButtonAttributes observable to support IE8 -->
                                      <!-- ko ifnot: svr.fConsentButtonIdViaName -->
                                      <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,
                css: { 'high-contrast-overrides': svr.fUseHighContrastOverrides },
                externalCss: {
                    'button': true,
                    'primary': true },
                value: primaryButtonText() || str['CT_PWD_STR_SignIn_Button_Next'],
                hasFocus: focusOnPrimaryButton,
                click: svr.fEnableLivePreview ?  function() { } : primaryButton_onClick,
                clickBubble: !svr.fEnableLivePreview,
                enable: isPrimaryButtonEnabled,
                visible: isPrimaryButtonVisible,
                preventTabbing: primaryButtonPreventTabbing" value="Next">
                                      <!-- /ko -->
                                      <!-- ko if: svr.fConsentButtonIdViaName --><!-- /ko -->
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- ko if: tenantBranding.BoilerPlateText || boilerPlateText --><!-- /ko -->
                          </div><!-- /ko -->
                          <!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- ko if: $parent.currentViewIndex() === $index() --><!-- /ko -->
                          <!-- /ko -->
                        </div>
                      </div>
                    </div>
                    <!-- /ko -->
                    <input type="hidden" name="ps" data-bind="value: postedLoginStateViewId" value="">
                    <input type="hidden" name="psRNGCDefaultType" data-bind="value: postedLoginStateViewRNGCDefaultType" value="">
                    <input type="hidden" name="psRNGCEntropy" data-bind="value: postedLoginStateViewRNGCEntropy" value="">
                    <input type="hidden" name="psRNGCSLK" data-bind="value: postedLoginStateViewRNGCSLK" value="">
                    <!-- ko if: svr.sCanaryTokenName && !svr.fSkipRenderingNewCanaryToken -->
                    <input type="hidden" data-bind="attr: { name: svr.sCanaryTokenName }, value: svr.canary" name="canary" value="Cq8kybtQoKg+UN9NORa/NyH3OL8tW3zDh2d5dZKXY1U=5:1:CANARY:3rBJKameAaedeIIWY3gp9/sOVnXVxPDYcw1/2VD6/zc=">
                    <!-- /ko -->
                    <!-- ko if: !svr.sCanaryTokenName || svr.fSkipRenderingNewCanaryToken --><!-- /ko -->
                    <input type="hidden" name="ctx" data-bind="value: ctx"
                      value="rQQIARAAlZM5jONkGIaTyUxmZ7XHMKKgQDDFFmjBic8kHjRCOW0nPnL5bCwfvxN74iM-4sQNDQUV2hqJhnIqBA3aiu3QCIkVDRIVHWiRViuQ0JZkV6KH5mu-96ne57193KwRNbgGP6ygNfjigYXjJg63MAgzTRjCSQuBTLxpQ2QTBwRmmbaDWcMqASM4Bsdnt0_f8O4d_f3CG35RnZ199OSdt6_LD5dpGiUX9bobpFkAar5rxWESOmnNCv164i4CN9j_bLCtf1suPy2Xfy-Xrw-SBtZqNDGy0SBwAkObRAupqd7AF3rMTi2YVJhbBD-DYa7oF-x8ecVTYqrNtRVHTZdCb4IJch_leyKqzodLThZTzluuuN0-j3IIO1_5gsyk_FzNOUotuD2v-urul4P7QjtLl-irE8ZuAf48OHHC2NejMEk_r_xWESIQMHY3DAJgpbVXMRCkrmWkbhiM4zACceqC5NJebmBxRzlaLGEQLcHdWWp4mrYa9FJacpzYHaX8ArUxeod1abPIqKkgjDZGMciQzrrRaDTHme4Bzd4A1mBneEvq-4jVlpFNX1EACkMcgS90Rl4xDInM-Xkb73DGjo9H-SjKRvgURnPT7LYaHgeZfGixhsrIME0JRSe2vDEQhrK38ggsn0w3TH-qTXVlCyVXAh7vNttZQU37EedstQEp2ooypCSHN9W4IACX8sOdbQk7JrekZp5BIteeNOItpBVZMMDxCCUpr5fPkyuKzNqAac3oAurq2nKKBamzkCx8LcZ0CBE0qcOhrCcIY8di0lE30CyZLTwa6q84BYZxo9PvdltbETYlfeExpI-LLOMLmzbpm5M-YU8QmVV1B1-bkL-m8PbQpISlQEjZhAqxCbx2GhmBTJIpTSFRd2zQE1TTKclSVmu67cYbJdelNRspQwVisfEgCfFgMe8vWXQS6-Mr4Izk68qDf6X1jcBYAH9f817XGNTyvalhntQCkNa_rtwN44URuMVrAZKbCvtfsHqWgFh3_b0tSRi8Rs_36gSufQ58w12dR3HouCvw9LD87PDOrePTo7dK56X33oRvvTwsf3m0H9nH3-cfumda5_Hlz-9-9smd0s1RvbtuXe3MdBKOFu-LPMkLU6PO72hMYFupjBW9JWoTtjZSVES8JC6QR9Xyo2r1pnrC9HS-P8eb6Itq-dPj0uOT_zHX7-6WXt7764dvfvzjpyfP6Wf3P8DiznBk-KBtABswjKxii4isJ4IUKNJ23FOtHKmjUq9RL6zLr05Lv56W_gE1">
                    <input type="hidden" name="hpgrequestid" data-bind="value: svr.sessionId" value="3b77c87f-1269-425a-ba3d-d71f8e840c00">
                    <input type="hidden" id="i0327" data-bind="attr: { name: svr.sFTName }, value: flowToken" name="flowToken"
                      value="AQABIQEAAADW6jl31mB3T7ugrWTT8pFen7l8lRCxAPe25RHO_0vo37sDEoLTLhD6y0wtvozepa3cY08DVUrxj3izC_0jIzXldClzKgheLrc-qTJByoOPI8opT5OmQsI1UMlmc2Zu7gKRZbH9BOjLnLJIyNTnVPXCC09ujG6vGCyTeC6PunDcroxDydR-e5LD5G3xqOvJvzC4tjBtNAmGOzAY1Km12mWCFxS2mEd2pA5zT1Sw7_ZF-dFFPKSmqHbiOgoD60Ap_CMJCA6mGEuNk9EqSf4YJmt_GtEjQGM_NlKTS10c7HsyfbIAuipMcpGkWtRb3gG87xAsxmki6P6H1rij3vxrVKBm-_rxi0rq99Kv30L6JLhraT4Y9dyOX_O8J-keSG2zQsPgw1JvH6118w3cjxgl4T7vS60QRQw4QMPNMdMA8JLFU6yDcYWQ7SzalagqbDrpH0Nc9eG7QagY4KDMXZuhRPh8IJx7B5mDJ3ogmPaU7lNIvzzFAcngOnWHfeswGh2NQxFJ1_w3SUiFo6PgQMKOA1rwjL5CROqmLXNTr-e7nQMYfSAA">
                    <input type="hidden" name="PPSX" data-bind="value: svr.sRandomBlob" value="">
                    <input type="hidden" name="NewUser" value="1">
                    <input type="hidden" name="FoundMSAs" data-bind="value: svr.sFoundMSAs" value="">
                    <input type="hidden" name="fspost" data-bind="value: svr.fPOST_ForceSignin ? 1 : 0" value="0">
                    <input type="hidden" name="i21" data-bind="value: wasLearnMoreShown() ? 1 : 0" value="0">
                    <input type="hidden" name="CookieDisclosure" data-bind="value: svr.fShowCookieBanner ? 1 : 0" value="0">
                    <input type="hidden" name="IsFidoSupported" data-bind="value: isFidoSupported() ? 1 : 0" value="1">
                    <input type="hidden" name="isSignupPost" data-bind="value: isSignupPost() ? 1 : 0" value="0">
                    <!-- ko ifnot: svr.fShouldSupportTargetCredentialForRecovery --><!-- /ko -->
                    <!-- ko if: svr.fEnableDFPIntegration -->
                    <input type="hidden" name="DfpArtifact" data-bind="value: dfpResult()" value="">
                    <!-- /ko -->
                    <!-- ko if: svr.fShouldSupportTargetCredentialForRecovery && targetCredentialForRecovery() --><!-- /ko -->
                    <div data-bind="component: { name: 'instrumentation-control',
            publicMethods: instrumentationMethods,
            params: { serverData: svr } }">
                      <input type="hidden" name="i19" data-bind="value: timeOnPage" value="">
                    </div>
                    <!-- /ko -->
                  </div>
                  <!-- ko if: $page.showFedCredAndNewSession -->
                  <!-- ko ifnot: svr.fUsePromotedFedCredTypesArray --><!-- /ko -->
                  <!-- ko if: svr.fUsePromotedFedCredTypesArray -->
                  <!-- ko if: $page.showFedCredButtons -->
                  <div data-bind="component: { name: 'fed-cred-buttons-control',
            params: {
                serverData: svr,
                fedCredOptions: $page.otherSigninOptions },
            event: {
                fedCredButtonClick: $page.otherSigninOptionsButton_onClick } }"><!--  -->
                    <!-- ko withProperties: { '$fedCredButtonsControl': $data } -->
                    <div data-bind="css: { 'app': $page.backgroundLogoUrl }, externalCss: { 'promoted-fed-cred-box': true }" class="app promoted-fed-cred-box ext-promoted-fed-cred-box">
                      <div class="promoted-fed-cred-content app" data-bind="css: {
        'animate': $page.useCssAnimations &amp;&amp; $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 }">
                        <!-- ko ifnot: svr.fIsQrCodePinSupported --><!-- /ko -->
                        <!-- ko if: svr.fIsQrCodePinSupported -->
                        <!-- ko foreach: $fedCredButtonsControl.fedCredOptions -->
                        <div class="tile-container" data-bind="css: { 'binaryChoice list': svr.fSupportWindowsStyles }">
                          <div class="row tile">
                            <div class="table" role="button" tabindex="0" data-bind="
                    css: { 'list-item': svr.fSupportWindowsStyles },
                    pressEnter: $fedCredButtonsControl.fedCredButton_onClick,
                    click: $fedCredButtonsControl.fedCredButton_onClick,
                    ariaLabel: $data.text" aria-label="Sign in with GitHub">
                              <div class="table-row">
                                <div class="table-cell tile-img medium">
                                  <!-- ko component: 'accessible-image-control' --><!-- ko if: (isHighContrastBlackTheme || hasDarkBackground || svr.fHasBackgroundColor) && !isHighContrastWhiteTheme --><!-- /ko -->
                                  <!-- ko if: (isHighContrastWhiteTheme || (!hasDarkBackground && !svr.fHasBackgroundColor)) && !isHighContrastBlackTheme -->
                                  <!-- ko template: { nodes: [darkImageNode], data: $parent } --><img class="tile-img medium" role="presentation" data-bind="addEventHandlers, attr: { src: $data.darkIconUrl }"
                                    src="https://aadcdn.msftauth.net/shared/1.0/content/images/signin-github_4f133e101999f0f9f726427324505c7b.svg"><!-- /ko -->
                                  <!-- /ko --><!-- /ko -->
                                </div>
                                <div class="table-cell text-left content" data-bind="css: { 'content': !svr.fSupportWindowsStyles }">
                                  <!-- ko if: $data.showPreviewBadge --><!-- /ko -->
                                  <!-- ko ifnot: $data.showPreviewBadge -->
                                  <div data-bind="text: $data.text, attr: { 'data-test-id': $data.testId }" data-test-id="fedCredButton8">Sign in with GitHub</div>
                                  <!-- /ko -->
                                  <!-- ko if: $data.showHelpIcon --><!-- /ko -->
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- ko if: $data.showHelpIcon --><!-- /ko -->
                        </div>
                        <div class="tile-container" data-bind="css: { 'binaryChoice list': svr.fSupportWindowsStyles }">
                          <div class="row tile">
                            <div class="table" role="button" tabindex="0" data-bind="
                    css: { 'list-item': svr.fSupportWindowsStyles },
                    pressEnter: $fedCredButtonsControl.fedCredButton_onClick,
                    click: $fedCredButtonsControl.fedCredButton_onClick,
                    ariaLabel: $data.text" aria-label="Sign-in options">
                              <div class="table-row">
                                <div class="table-cell tile-img medium">
                                  <!-- ko component: 'accessible-image-control' --><!-- ko if: (isHighContrastBlackTheme || hasDarkBackground || svr.fHasBackgroundColor) && !isHighContrastWhiteTheme --><!-- /ko -->
                                  <!-- ko if: (isHighContrastWhiteTheme || (!hasDarkBackground && !svr.fHasBackgroundColor)) && !isHighContrastBlackTheme -->
                                  <!-- ko template: { nodes: [darkImageNode], data: $parent } --><img class="tile-img medium" role="presentation" data-bind="addEventHandlers, attr: { src: $data.darkIconUrl }"
                                    src="https://aadcdn.msftauth.net/shared/1.0/content/images/signin-options_3e3f6b73c3f310c31d2c4d131a8ab8c6.svg"><!-- /ko -->
                                  <!-- /ko --><!-- /ko -->
                                </div>
                                <div class="table-cell text-left content" data-bind="css: { 'content': !svr.fSupportWindowsStyles }">
                                  <!-- ko if: $data.showPreviewBadge --><!-- /ko -->
                                  <!-- ko ifnot: $data.showPreviewBadge -->
                                  <div data-bind="text: $data.text, attr: { 'data-test-id': $data.testId }" data-test-id="signinOptions">Sign-in options</div>
                                  <!-- /ko -->
                                  <!-- ko if: $data.showHelpIcon --><!-- /ko -->
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- ko if: $data.showHelpIcon --><!-- /ko -->
                        </div>
                        <!-- /ko -->
                        <!-- /ko -->
                      </div>
                    </div>
                    <!-- /ko -->
                  </div>
                  <!-- /ko -->
                  <!-- ko if: $page.showSignupFedCredButtons --><!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: svr.fShowQrCodePinOption --><!-- /ko -->
                  <!-- ko if: $page.newSession --><!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: $page.showDebugDetails --><!-- /ko -->
                </div>
              </div>
              <!-- /ko -->
            </div>
          </div>
        </div>
        <!-- ko if: $page.paginationControlHelper.showFooterControl -->
        <div id="footer" role="contentinfo" data-bind="
        externalCss: {
            'footer': true,
            'has-background': !$page.useDefaultBackground() &amp;&amp; $page.showFooter(),
            'background-always-visible': $page.backgroundLogoUrl }" class="footer ext-footer has-background ext-has-background background-always-visible ext-background-always-visible">
          <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 } }"><!-- ko if: !hideFooter && (showLinks || impressumLink || showIcpLicense) -->
            <div id="footerLinks" class="footerNode text-secondary footer-links ext-footer-links" data-bind="externalCss: { 'footer-links': true }">
              <!-- ko if: showFooter -->
              <!-- ko if: !hideTOU -->
              <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-GB/servicesagreement/" class="footer-content ext-footer-content footer-item ext-footer-item has-background ext-has-background background-always-visible ext-background-always-visible">Terms of use</a>
              <!-- /ko -->
              <!-- ko if: !hidePrivacy -->
              <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-GB/privacystatement" class="footer-content ext-footer-content footer-item ext-footer-item has-background ext-has-background background-always-visible ext-background-always-visible">Privacy &amp; cookies</a>
              <!-- /ko -->
              <!-- ko if: impressumLink --><!-- /ko -->
              <!-- ko if: a11yConformeLink --><!-- /ko -->
              <!-- ko if: showIcpLicense --><!-- /ko -->
              <!-- /ko -->
              <!-- Set attr binding before hasFocusEx to prevent Narrator from losing focus -->
              <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 has-background ext-has-background background-always-visible ext-background-always-visible">...</a>
            </div>
            <!-- /ko -->
            <!-- ko if: svr.fShowLegalMessagingInline && showLinks --><!-- /ko -->
          </div>
        </div>
        <!-- /ko -->
      </div>
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- ko if: isVerticalSplitTemplate() && isTemplateLoaded() --><!-- /ko -->
    <!-- /ko -->
    <!-- /ko -->
  </div>
  <!-- /ko -->
</form>

POST

<form data-bind="postRedirectForm: postRedirect" method="POST" aria-hidden="true" target="_top"></form>

Text Content

Sign in
to continue to Microsoft Azure

No account? Create one!
Can’t access your account?


Sign in with GitHub
Sign-in options
Terms of use Privacy & cookies ...