zulip/templates/zerver/navbar.html

<div class="navbar navbar-fixed-top" id="top_navbar">
  <div class="navbar-top">
    <div class="container-fluid">
      <div class="row-fluid position-relative">
        <div class="span2 hidden-phone">
          <a class="brand logo" href="#"><img src="/static/images/logo/zulip@2x.png" class="logoimage" alt="Zulip logo" content="Zulip"></a>
        </div>
        <div class="span8" id="navbar-middle">
          <a class="brand skinny-user-gravatar visible-phone" href="#"
             title="{{user_profile.full_name}} - {{user_profile.email}}">
            <div class="gravatar-profile"
                 style="background-image: url('{{ avatar_url }}&s=50');"></div>
          </a>
          <div id="searchbox">
            <form id="searchbox_form" class="form-search navbar-search">
              <div id="search_arrows" class="input-append">
                <i class="icon-vector-search"></i>
                <input class="search-query input-block-level" id="search_query" type="text" placeholder="Search…"
                       autocomplete="off">
                {# Start the button off disabled since there is no active search #}
                <button class="btn search_button" type="button" id="search_exit" disabled="disabled"><i class="icon-vector-remove"></i></button>
              </div>
            </form>
          </div>{# /searchbox #}
        </div>

          <div id="navbar-buttons">
            <ul class="nav" role="navigation">
              <li class="dropdown actual-dropdown-menu" id="gear-menu">
                <a id="settings-dropdown" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="icon-vector-cog"></i>
                </a>
                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="settings-dropdown">
                  <li title="Messages">
                    <a href="#home" data-toggle="tab">
                      <i class="icon-vector-list"></i> Messages
                    </a>
                  </li>
                  <li title="Streams">
                    <a href="#subscriptions" data-toggle="tab">
                      <i class="icon-vector-globe"></i> Streams
                    </a>
                  </li>
                  <li class="divider"></li>
                  <li title="Settings">
                    <a href="#settings" data-toggle="tab">
                      <i class="icon-vector-wrench"></i> Settings
                    </a>
                  </li>
                  <li title="Keyboard shortcuts">
                    <a href="#keyboard-shortcuts" role="button" data-toggle="modal">
                      <i class="icon-vector-question-sign"></i> Keyboard shortcuts
                    </a>
                  </li>
                  <li title="Message formatting">
                    <a href="#markdown-help" role="button" data-toggle="modal">
                      <i class="icon-vector-pencil"></i> Message formatting
                    </a>
                  </li>
                  <li class="divider"></li>
                  {% if show_admin %}
                  <li title="Administration">
                    <a href="#administration" role="button" data-toggle="tab">
                      <i class="icon-vector-bolt"></i> Administration
                    </a>
                  </li>
                  {% endif %}
                  {% if show_invites %}
                  <li title="Invite coworkers to Zulip">
                    <a href="#invite-user" role="button" data-toggle="modal">
                      <i class="icon-vector-plus-sign"></i> Invite coworkers
                    </a>
                  </li>
                  {% endif %}
                  <li title="Feedback">
                    <a href="#feedback" class="feedback">
                      <i class="icon-vector-comment"></i> Feedback
                    </a>
                  </li>
                  <li class="divider"></li>
                  <li title="Log out">
                    <a href="#logout" class="logout_button">
                      <i class="icon-vector-off"></i> Log out
                    </a>
                  </li>
                  {% if show_debug %}
                  <li title="Debug">
                    <a href="#debug" data-toggle="tab">
                      <i class="icon-vector-barcode"></i> Debug
                    </a>
                  </li>
                  {% endif %}
                </ul>
              </li>
            </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="navbar-spacer"></div>