trivial: flat-ui navibar

flat-ui-navibar-1.html

<div class="navbar" style="margin-top: 10px">

            <div class="navbar-inner">
              <div class="container">
                <div><button type="button" class="btn btn-navbar" data-toggle="collapse" data-target="#nav-collapse-02">
                </button>
                  <!--todo: class="brand fui-flat"-->
                <a href="#" class="brand"><span >Dict3</span></a></div>

                 <div ng-controller="SearchCtrl">
                     <form align="center" class="navbar-search form-search pull-left">
                         <div class="input-append hidden-phone">
                            <input type="text" ng-model="word.title" placeholder="Search" class="search-query span5">
                            <a class="btn btn-huge" ng-click="submitSearch()" c>
                                <i class="fui-search"></i>
                            </a>
                        </div>
                    </form>
                 </div>

                  <div class="nav-collapse collapse" id="nav-collapse-02">


                      <ul class="nav pull-right" style="margin-right: 10px;">


                          <li class="active">
                              <a href="#/my">
                                  <span class="fui-user"></span><span class="hidden-desktop">My Account</span>
                              </a>
                          </li>
                          <li>
                              <a href="#/my">
                                  <span class="fui-mail"></span><span class="hidden-desktop">Messages</span>
                                  <span class="navbar-new">1</span>
                              </a>
                          </li>
                          <li>
                              <a href="#/my">
                                  <span class="fui-gear"></span><span class="hidden-desktop">Settings</span>
                              </a>
                          </li>
                      </ul> <!-- /nav -->
                  </div><!--/.nav-collapse -->
              </div>
            </div>
        </div> <!-- /navbar -->


        <!--todo: SearchCtrlPhone-->
         <div class="visible-phone hidden-desktop hidden-tablet">
             <form class="form-search">
                 <div class="input-append span12">
                     <input type="text" id="search-query-1" placeholder="Search" class="search-query">
                     <button class="btn" type="submit"><span class="fui-search"></span></button>
                 </div>
             </form>
         </div>