zulip/templates/zerver/settings_overlay.html

<div id="settings_page" class="new-style">
  <div class="sidebar">
    <div class="sidebar-list dark-grey small-text">
      <div class="center tab-container">
        <div class="tab-switcher">
          <div class="ind-tab first selected" data-name="settings">{{ _('Settings') }}</div>
          <div class="ind-tab second" data-name="admin">{{ _('Administration') }} </div>
        </div>
      </div>
      <ul class="settings-list">
        <li tabindex="1" class="active" data-section="your-account">
          <div class="icon icon-vector-user"></div>
          <div class="text">{{ _('Your account') }}</div>
        </li>
        <li tabindex="1" data-section="display-settings">
          <div class="icon icon-vector-time"></div>
          <div class="text">{{ _('Display settings') }}</div>
        </li>
        <li tabindex="1" data-section="notifications">
          <div class="icon icon-vector-warning-sign"></div>
          <div class="text">{{ _('Notifications') }}</div>
        </li>
        <li tabindex="1" data-section="your-bots">
          <div class="icon icon-vector-github"></div>
          <div class="text">{{ _('Your bots') }}</div>
        </li>
        <li tabindex="1" data-section="custom-alert-words">
          <div class="icon icon-vector-book"></div>
          <div class="text">{{ _('Custom alert words') }}</div>
        </li>
        <li tabindex="1" data-section="zulip-labs">
          <i class="icon icon-vector-beaker"></i>
          <div class="text">{{ _('Zulip labs') }}</div>
        </li>

        <li class="admin" tabindex="1" data-section="organization-settings">
          <i class="icon icon-vector-beaker"></i>
          <div class="text">{{ _('Organization settings') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="emoji-settings">
          <i class="icon icon-vector-smile"></i>
          <div class="text">{{ _('Custom emoji') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="auth-methods">
          <i class="icon icon-vector-lock"></i>
          <div class="text">{{ _('Authentication methods') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="user-list-admin">
          <i class="icon icon-vector-user"></i>
          <div class="text">{{ _('Users') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="deactivated-users-admin">
          <i class="icon icon-vector-trash"></i>
          <div class="text">{{ _('Deactivated users') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="bot-list-admin">
          <i class="icon icon-vector-github"></i>
          <div class="text">{{ _('Bots') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="streams-list-admin">
          <i class="icon icon-vector-exchange"></i>
          <div class="text">{{ _('Delete streams') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="default-streams-list">
          <i class="icon icon-vector-exchange"></i>
          <div class="text">{{ _('Default streams') }}</div>
        </li>
        <li class="admin" tabindex="1" data-section="filter-settings">
          <i class="icon icon-vector-font"></i>
          <div class="text">{{ _('Filter settings') }}</div>
        </li>
      </ul>
    </div>

    <div class="sidebar-bottom-anchor dark-grey small-text">
      <ul>
        <li>
          <div class="icon icon-vector-off"></div>
          <a href="#logout" class="no-style logout_button"><div class="text">Log Out</div></a>
        </li>
      </ul>
    </div>
  </div>
  <div class="content-wrapper">
    <div class="settings-header">
      <h1>{{ _('Settings') }}</h1>
      <div class="exit">
          <span class="exit-sign">&times;</span>
      </div>
    </div>
    <div id="settings_content">
        <div class="administration-box administration">

        </div>
        <div class="settings-box">

        </div>
    </div>
  </div>
</div>