ui/login/account_picker/user_pod_template.html

<div id="user-pod-template" class="pod" hidden>
  <div class="user-image-pane">
    <div class="user-image-container">
      <img class="user-image" alt>
    </div>
    <div class="signed-in-indicator" i18n-content="signedIn"></div>
    <div class="locked-indicator"></div>
    <div class="supervised-indicator"></div>
  </div>
  <div class="main-pane">
    <div class="name-container">
      <div class="name"></div>
      <div class="learn-more-container">
        <div class="learn-more"></div>
      </div>
    </div>
    <div class="auth-container">
      <!-- Password Authentication -->
      <div class="password-entry-container">
        <div class="password-container">
          <input type="password" class="password"
                 i18n-values="placeholder:passwordHint">
        </div>
        <div class="capslock-hint-container">
          <img class="capslock-hint"
               src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt>
        </div>
      </div>
      <!-- User Click Authentication -->
      <div class="password-label"></div>
      <div class="signin-transition-container">
        <span class="signing-in-label" i18n-content="signingIn"></span>
        <span class="animated-ellipsis-component0">.</span>
        <span class="animated-ellipsis-component1">.</span>
        <span class="animated-ellipsis-component2">.</span>
      </div>
      <div class="custom-icon-container" hidden></div>
      <div class="signin-button-container">
        <button class="signin-button" i18n-content="signinButton"></button>
      </div>
      <div class="launch-app-button-container" hidden>
        <button class="launch-app-button" i18n-content="launchAppButton">
        </button>
      </div>
    </div>
  </div>
  <div class="action-box-area">
    <div class="custom-appearance action-box-button"></div>
  </div>
  <div class="user-type-icon-area" hidden>
    <div class="custom-appearance user-type-icon-image"></div>
  </div>
  <div class="action-box-menu">
    <div class="action-box-menu-title">
      <span class="action-box-menu-title-name"></span>
      <span class="action-box-menu-title-email"></span>
    </div>
    <div class="action-box-menu-remove">
      <span class="action-box-menu-remove-command"/>
    </div>
    <div class="action-box-remove-user-warning" hidden>
      <div class="action-box-remove-user-warning-text"
          i18n-content="removeUserWarningText" hidden></div>
      <div class="action-box-remove-supervised-user-warning-text"
          i18n-content="removeSupervisedUserWarningText"></div>
      <button class="remove-warning-button
                     custom-appearance button-fancy button-red"
          i18n-content="removeUserWarningButtonTitle"></button>
    </div>
  </div>
  <div class="user-type-bubble">
    <div class="user-type-bubble-header">
      <span class="mp-policy-title"
          i18n-content="multiProfilesRestrictedPolicyTitle"></span>
    </div>
    <div class="user-type-bubble-body">
      <span class="mp-policy-not-allowed-msg"
          i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span>
      <span class="mp-policy-primary-only-msg"
          i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span>
      <span class="mp-owner-primary-only-msg"
          i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span>
    </div>
  </div>
</div>

<!-- Extra elements that are appended to above "user-pod-template" for public
     account user pod. Note that only the children of the template div are
     appended. -->
<div id="public-account-user-pod-extras-template" hidden>
  <div class="expanded-pane">
    <div class="expanded-pane-contents">
      <div class="side-container">
        <div class="expanded-pane-name"></div>
        <div class="reminder" i18n-content="publicAccountReminder"></div>
        <div class="language-and-input-section">
          <div class="select-with-label">
            <label class="language-select-label"
                   i18n-content="publicSessionSelectLanguage">
            </label>
            <div class="select-container">
              <select class="language-select"></select>
            </div>
          </div>
          <div class="select-with-label">
            <label class="keyboard-select-label"
                   i18n-content="publicSessionSelectKeyboard">
            </label>
            <div class="select-container">
              <select class="keyboard-select"></select>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-container">
        <div class="expanded-pane-learn-more-container">
          <div class="expanded-pane-learn-more"></div>
        </div>
        <div class="info"></div>
        <div class="language-and-input-container">
          <a class="language-and-input" href="#" role="button"
             i18n-content="publicSessionLanguageAndInput"></a>
        </div>
        <button class="enter-button"
                i18n-content="publicAccountEnter"
                i18n-values="aria-label:publicAccountEnterAccessibleName">
        </button>
      </div>
    </div>
  </div>
</div>