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>