Header

    <header class="gl-header">
    <div class="searchbar">
      <div class="icon back">
        <button type="button" data-ng-click="toggleSearch()">
          <i class="material-icons">arrow_back</i>
        </button>
      </div>
      <div class="query">
        <input type="text" class="form-control" placeholder="Pesquisar...">
      </div>
      <div class="icon search">
        <button type="button">
          <i class="material-icons">search</i>
        </button>
      </div>
    </div>

    <nav class="navbar">
      <div class="container-fluid">
        <div class="navbar-header">
          <gmd-hamburger></gmd-hamburger>
          <a class="navbar-brand" href="#" data-ng-click="navCollapse()">
            Gumga Studio
          </a>
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <i class="material-icons">more_vert</i>
          </button>
          <button type="button" class="navbar-toggle" data-ng-click="toggleSearch()">
            <i class="material-icons">search</i>
          </button>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav organizations">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                <i class="material-icons">domain</i>
              </a>
              <ul class="dropdown-menu">
                <li>
                  <div class="form-group">
                    <input type="text" class="form-control gmd" data-ng-model="org_search" placeholder="Pesquisar...">
                    <div class="bar"></div>
                  </div>
                </li>
                <li data-ng-repeat="org in organizations | filter: org_search">
                  <a href="#">
                    <span data-ng-bind="org.name"></span>
                  </a>
                </li>
                <li role="separator" class="divider"></li>
                <li>
                  <a href="#">
                    Gumga Gumga
                    <span class="glyphicon glyphicon-ok"></span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>

          <form class="navbar-form navbar-left search hidden-sm hidden-xs">
            <div class="form-group">
              <div class="input-group">
                <span class="input-group-addon" id="basic-addon1">
                  <i class="material-icons">search</i>
                </span>
                <input type="text" class="form-control" placeholder="Pesquisar...">
              </div>
            </div>
          </form>

          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                Mateus <span class="caret"></span>
               </a>
              <ul class="dropdown-menu">
                <li><a href="#">Conta</a></li>
                <li><a href="#">Trocar senha</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Sair</a></li>
              </ul>
            </li>
          </ul>

          <ul class="nav navbar-nav navbar-right apps hidden-sm hidden-xs">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                <i class="material-icons">apps</i>
              </a>
              <ul class="dropdown-menu">
                <li class="apps-icons">
                  <table class="table">
                    <tr>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                    </tr>
                    <tr>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                      <td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
                    </tr>
                  </table>
                </li>
              </ul>
            </li>
          </ul>

          <gl-notification icon="email" notifications="notifications" on-view="onView(event, item)"></gl-notification>
          <gl-notification icon="notifications" notifications="notifications" on-view="onView(event, item)"></gl-notification>
          <gl-notification icon="public" notifications="notifications" on-view="onView(event, item)"></gl-notification>

        </div>
      </div>
    </nav>
    </header>