<link href="header.css" rel="stylesheet" type="text/css">
<center><div class="header_bg"><div class="header">
<div class="logo"><img src="../assets/disharmony281x59white.png" alt="logo" /></div>
<div class="nav_words">
<!-- <div class="bb1"><img src="../assets/buttonbackground.png" /></div> -->
<div class="words">
<div id="login"><ul><li><a href="#nogo">Nathan</a><ul>
<li><a href="#nogo">Account</a></li>
<li><a href="#nogo">Settings</a></li>
<li><a href="#nogo">Upgrade</a></li>
<li><a href="#nogo">Logout</a></li>
</ul></li></ul></div>
<div class="login_words">Loged in as,</div></div>
<div id="left_drop">
<div id="button5" class="nav_dropdown">
<ul><li><a href="#nogo">Help</a><ul>
<li><a href="#nogo">woahhhshs</a></li>
<li><a href="#nogo">Link 1-2</a></li>
<li><a href="#nogo">Link 1-3</a></li>
</ul></li></ul></div>
<div id="button4" class="nav_dropdown">
<ul><li><a href="#nogo">Search</a><ul>
<li><a href="#nogo">Link 1-1</a></li>
<li><a href="#nogo">Link 1-2</a></li>
<li><a href="#nogo">Link 1-3</a></li>
</ul></li></ul></div>
<div id="button3" class="nav_dropdown">
<ul><li><a href="#nogo">Messages</a><ul>
<li><a href="#nogo">Link 1-1</a></li>
<li><a href="#nogo">Link 1-2</a></li>
<li><a href="#nogo">Link 1-3</a></li>
</ul></li></ul></div>
<div id="button2" class="nav_dropdown">
<ul><li><a href="#nogo">My Profile</a><ul>
<li><a href="#nogo">Link 1-1</a></li>
<li><a href="#nogo">Link 1-2</a></li>
<li><a href="#nogo">Link 1-3</a></li>
</ul></li></ul></div>
<div id="button1" class="nav_dropdown">
<ul><li><a href="#nogo">home</a><ul>
<li><a href="#nogo">like1hello</a></li>
<li><a href="#nogo">like2hello</a></li>
<li><a href="#nogo">like3hello</a></li>
</ul></li></ul></div>
</div></div></div></div>
</center>


<!-- <div class="nav">
<div class="nav_button">Help</div>
<div class="nav_button">Search</div>
<div class="nav_button">Messages</div>
<div class="nav_button">My Profile</div>
<div class="nav_button">Home</div></div>
-->