chrome/browser/resources/options/manage_profile_overlay.html

<div id="manage-profile-overlay" class="page" hidden>
  <div class="close-button"></div>
  <!-- Dialog for managing profiles. -->
  <div id="manage-profile-overlay-manage" hidden>
    <h1 i18n-content="manageProfile"></h1>
    <div id="manage-profile-content" class="content-area">
      <div id="manage-profile-icon-label"
          i18n-content="manageProfilesIconLabel">
      </div>
      <grid id="manage-profile-icon-grid"></grid>
      <div id="manage-profile-name-input-container">
        <label>
          <span id="manage-profile-name-label" for="manage-profile-name"
              i18n-content="manageProfilesNameLabel">
          </span>
          <input id="manage-profile-name" type="text" pattern=".*\S.*" required>
        </label>
      </div>
      <div id="manage-profile-error-bubble" hidden></div>
    </div>
    <div class="action-area">
      <div class="action-area-shortcut-container">
        <button id="remove-shortcut-button"
            i18n-content="removeProfileShortcutButton" hidden>
        </button>
        <button id="add-shortcut-button"
            i18n-content="createProfileShortcutButton" hidden>
        </button>
      </div>
      <div class="button-strip">
        <button id="manage-profile-cancel" i18n-content="cancel"></button>
        <button id="manage-profile-ok" i18n-content="manageProfilesConfirm"
            class="default-button"></button>
      </div>
    </div>
  </div>
  <!-- Dialog for deleting profiles. -->
  <div id="manage-profile-overlay-delete" hidden>
    <h1 i18n-content="deleteProfileTitle"></h1>
    <div class="content-area">
      <div id="delete-profile-message">
        <img id="delete-profile-icon" class="profile-icon">
        <div id="delete-profile-text"></div>
      </div>
      <div id="delete-supervised-profile-addendum"
          i18n-values=".innerHTML:deleteSupervisedProfileAddendum" hidden>
      </div>
    </div>
    <div class="action-area button-strip">
      <button id="delete-profile-cancel" i18n-content="cancel"></button>
      <button id="delete-profile-ok" class="default-button"
          i18n-content="deleteProfileOK"></button>
    </div>
  </div>
  <!-- Dialog for disconnecting enterprise managed profiles. -->
  <div id="manage-profile-overlay-disconnect-managed" hidden>
    <h1 i18n-content="disconnectManagedProfileTitle"></h1>
    <div class="content-area"
        id="disconnect-managed-profile-domain-information"
        i18n-values=".innerHTML:disconnectManagedProfileDomainInformation">
    </div>
    <div class="content-area">
      <div id="disconnect-managed-profile-message">
        <div id="disconnect-managed-profile-text"
            i18n-values=".innerHTML:disconnectManagedProfileText">
        </div>
      </div>
    </div>
    <div class="action-area">
      <div class="button-strip">
        <button id="disconnect-managed-profile-ok"
            i18n-content="disconnectManagedProfileOK"></button>
        <button id="disconnect-managed-profile-cancel" class="default-button"
            i18n-content="cancel"></button>
      </div>
    </div>
  </div>
  <!-- Dialog for creating profiles. -->
  <div id="manage-profile-overlay-create" hidden>
    <h1 i18n-content="createProfileTitle"></h1>
    <div id="create-profile-content" class="content-area">
      <div id="create-profile-instructions"></div>
      <grid id="create-profile-icon-grid"></grid>
      <div id="create-profile-name-input-container">
        <label>
          <span id="create-profile-name-label" for="create-profile-name"
              i18n-content="manageProfilesNameLabel">
          </span>
          <input id="create-profile-name" type="text" required>
        </label>
      </div>
    </div>
    <div id="create-profile-supervised-content-area" class="content-area">
      <div id="create-shortcut-container" class="checkbox" hidden>
        <label>
          <input id="create-shortcut" type="checkbox">
          <span for="create-shortcut"
              i18n-content="createProfileShortcutCheckbox">
          </span>
        </label>
      </div>
      <div id="create-profile-supervised-container" class="checkbox">
        <label>
          <input id="create-profile-supervised" type="checkbox">
          <span id="create-profile-supervised-signed-in">
            <span id="create-profile-supervised-signed-in-label"></span>
            <span id="create-profile-supervised-account-details-out-of-date-label"
                hidden>
            </span>
            <button id="create-profile-supervised-signed-in-learn-more-link"
                class="link-button" i18n-content="learnMore">
            </button>
            <button id="create-profile-supervised-sign-in-again-link"
                class="link-button"
                i18n-content="manageProfilesSupervisedSignInAgainLink" hidden>
            </button>
          </span>
          <span id="create-profile-supervised-not-signed-in"
              i18n-values=".innerHTML:manageProfilesSupervisedNotSignedIn"
              hidden>
          </span>
        </label>
        <span id="create-profile-supervised-indicator"
            class="bubble-button controlled-setting-indicator">
        </span>
      </div>
      <div id="create-profile-error-bubble" hidden></div>
    </div>
    <div class="action-area">
      <div id="create-profile-throbber" class="throbber"></div>
      <button id="import-existing-supervised-user-link" class="link-button"
          i18n-content="importExistingSupervisedUserLink" hidden>
      </button>
      <div class="button-strip">
        <button id="create-profile-cancel" i18n-content="cancel"></button>
        <button id="create-profile-ok" i18n-content="createProfileConfirm"
            class="default-button">
        </button>
      </div>
    </div>
  </div>
</div>