<header>
     <a href="#l" class="logo">
      
     </a>

     <div class="user-profile">
       <a data-toggle="dropdown" class="dropdown-toggle">
         <img src=" <%= image_path('profile_color.jpg')%>"  alt="profile">
	   
       </a>
       <span class="caret"></span>
       <ul class="dropdown-menu pull-right">
         <li>
			<%= link_to "account settings", user_account_settings_path(:user_id => current_user.user_id) %>
         </li>
         <li>
           <%= link_to "logout", logout_path %>
         </li>
       </ul>
     </div>
     <ul class="mini-nav">
	   <li style="color: #FFFFFF">
		<!-- 
		I'm going to use HTML safe because we had some weird stuff
		going on with funny chars and jquery, plus it says safe so I'm guessing
		nothing bad will happen
		-->
		Welcome, <%= current_user.first_name.html_safe %>
	   </li>
	   <li>
		<%= button_to "RailsGoat Tutorials", tutorials_path, {:class => "btn btn-primary", :method => "get"}%>
	   </li>
     </ul>
</header>