adding new menu item

app/views/shared/application/_header.html.erb

@@ -2,10 +2,14 @@
   <div class="barra-brasil">
     <div class="container">
       <div id="barra-brasil">
-      	<ul id="menu-barra-temp" style="list-style:none;">
-      		<li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li>
-      		<li><a style="font-family:sans,sans-serif; text-decoration:none; color:white;" href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize sua Barra de Governo</a></li>
-      	</ul>
+        <ul id="menu-barra-temp" style="list-style:none;">
+          <li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED">
+            <a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal
+              do Governo Brasileiro</a></li>
+          <li>
+            <a style="font-family:sans,sans-serif; text-decoration:none; color:white;" href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize
+              sua Barra de Governo</a></li>
+        </ul>
       </div>
     </div>
   </div>
@@ -16,8 +20,9 @@
         <div class="col-md-3 logo-container">
           <div class="logo">
             <%= link_to root_path do %>
-              <%= image_tag image_path("logo.png"), class: "logo-image" %><br/>
-              <h3>CONTEÚDO EDUCACIONAL</h3>
+                <%= image_tag image_path("logo.png"), class: "logo-image" %><br/>
+
+                <h3>CONTEÚDO EDUCACIONAL</h3>
             <% end %>
           </div>
         </div>
@@ -33,6 +38,7 @@
             <form action="/search" method="get">
               <div class="input-group" id="search">
                 <input type="text" placeholder="buscar" class="form-control" name="qry">
+
                 <div class="input-group-btn">
                   <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                 </div>
@@ -44,24 +50,24 @@
 
         <div class="col-md-3 status-text">
           <% if user_signed_in? %>
-            <div class="media">
-              <div class="media-body">
-                <h2 class="media-heading"><%= link_to current_user.name.split(" ").first, edit_user_registration_path %></h2>
-                <h4><%= link_to 'sair', destroy_user_session_path, method: 'delete', class: "quit-link" %></h4>
-              </div>
-              <div class="media-right">
-                <a href="#">
-                  <img class="user-image" src="<%= current_user.avatar.url(:thumb) %>" alt="Foto do usuário"/>
-                </a>
+              <div class="media">
+                <div class="media-body">
+                  <h2 class="media-heading"><%= link_to current_user.name.split(" ").first, edit_user_registration_path %></h2>
+                  <h4><%= link_to 'sair', destroy_user_session_path, method: 'delete', class: "quit-link" %></h4>
+                </div>
+                <div class="media-right">
+                  <a href="#">
+                    <img class="user-image" src="<%= current_user.avatar.url(:thumb) %>" alt="Foto do usuário"/>
+                  </a>
+                </div>
               </div>
-            </div>
           <% else %>
-            <div class="media">
-              <div class="media-body">
-                <h2 class="media-heading"><%= link_to 'entre', new_user_session_path %></h2>
-                <h4>ou <%= link_to 'cadastre-se', new_user_registration_path, class: "register-link" %></h4>
+              <div class="media">
+                <div class="media-body">
+                  <h2 class="media-heading"><%= link_to 'entre', new_user_session_path %></h2>
+                  <h4>ou <%= link_to 'cadastre-se', new_user_registration_path, class: "register-link" %></h4>
+                </div>
               </div>
-            </div>
           <% end %>
         </div>
       </div>
@@ -75,7 +81,8 @@
           <li class="nav-button nav-button-first"><h3><%= link_to 'Assuntos' %></h3></li>
           <li role="separator" class="divider"></li>
           <li class="dropdown nav-button">
-            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Níveis de Ensino&nbsp;<span class="caret" /></a>
+            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Níveis de
+              Ensino&nbsp;<span class="caret"/></a>
             <ul class="dropdown-menu">
               <li>
                 <div class="row" style="width: 400px;">
@@ -108,6 +115,40 @@
           <li role="separator" class="divider"></li>
           <li class="nav-button"><h3><%= link_to 'Contato', contact_path %></h3></li>
           <li role="separator" class="divider"></li>
+          <li class="dropdown nav-button">
+            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">Links
+              úteis&nbsp;<span class="caret"/></a>
+            <ul class="dropdown-menu">
+              <li>
+                <div class="row" style="width: 400px;">
+                  <ul class="list-unstyled col-md-6 col-md-offset-1">
+                    <li><b>Portais nacionais e internacionais</b></li>
+                    <li role="separator" class="divider"></li>
+                    <li><a href="">Portais Educacionais</a></li>
+                    <li><a href="">Museus</a></li>
+                    <li><a href="">Bibliotecas</a></li>
+                    <li><a href="">Revistas</a></li>
+                    <li><a href="">Projetos Inovadores</a></li>
+                    <li><a href="">Jornais</a></li>
+                    <li><a href="">Projeto de escolas</a></li>
+                    <li><a href="">Um computador por aluno</a></li>
+                    <li><a href="">Geoprocessamento</a></li>
+                    <li><a href="">Prêmio Professores do Brasil</a></li>
+                    <li><a href="">Capacitação ProInfo Integrado</a></li>
+                  </ul>
+                  <ul class="list-unstyled col-md-5">
+                    <li><b>Visite também</b></li>
+                    <li role="separator" class="divider"></li>
+                    <li><a href="">Domínio Público</a></li>
+                    <li><a href="">E-ProInfo</a></li>
+                    <li><a href="">Objetos Educacionais</a></li>
+                    <li><a href="">Plataforma Freire</a></li>
+                    <li><a href="">TV Escola</a></li>
+                  </ul>
+                </div>
+              </li>
+            </ul>
+          </li>
         </ul>
       </div>
     </div>