header.html

<header id="header" class="default-header">
	<nav class="navbar navbar-expand-lg  navbar-light">
		<div class="container">
			  <a class="navbar-brand" href="../index.html">
			  	<h3 class="text-white">Clayton Sanford</h3>
			  </a>
			  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			    <span class="text-white lnr lnr-menu"></span>
			  </button>

			  <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
			    <ul class="navbar-nav">
						<li class="dropdown">
				      <a class="dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Home</a>
				      <div class="dropdown-menu">
				        <a class="dropdown-item" href="index.html#home">Welcome</a>
				        <a class="dropdown-item" href="index.html#about">About</a>
				        <a class="dropdown-item" href="index.html#research">Research</a>
				        <a class="dropdown-item" href="index.html#experience">Experience</a>
				        <a class="dropdown-item" href="index.html#other">Other</a>
				      </div>
				    </li>
				    <li><a href="notes.html">Notes</a></li>									
			    </ul>
			  </div>
		</div>
	</nav>
</header>