header.html

<header id="page-top" style="background-position: 50% -125px;">
	<div class="page-navigation">
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<!-- <nav class="navbar navbar-default navbar-fixed-top"> -->
			<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<!-- <div class="navbar-header">-->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">-->
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<!--
					<a class="navbar-brand" href="http://hcie.csail.mit.edu/" style="text-decoration:none;">
					<img src="images/logos/HCIE_at_CSAIL.png" alt="HCI Engineering at MIT CSAIL" height="75px">
					</a>
					-->
					<a class="navbar-brand" href="http://hcie.csail.mit.edu/">
					<img src="http://hcie.csail.mit.edu/images/logo/HCIE_at_CSAIL.png" alt="HCI Engineering at MIT CSAIL" height="75px">
					</a>
				
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="hidden"><a class="page-scroll" href="#page-top"></a></li>
						<li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/publications.html">Publications</a>
						</li>
						<!-- <li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/research.html">Research</a>
						</li> -->
						<li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/people.html">Team</a>
						</li>
						<li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/classes.html">Classes</a>
						</li>
						<li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/urop-meng.html">UROP/MEng</a>
						</li>
						<!-- <li>
							<a class="page-scroll" href="https://hcie.csail.mit.edu/fabpub/" target="_blank">FabPub</a>
						</li> -->
<!-- 						<li>
							<a class="page-scroll" href="http://hci.csail.mit.edu/hci-seminar.html" target="_blank">HCI Seminar</a>
						</li> -->
						<li>
							<a class="page-scroll" href="http://hcie.csail.mit.edu/contact.html">Contact Us</a>
						</li>	
						<li>
							<a class="page-scroll" href="https://accessibility.mit.edu/">Accessibility</a>
						</li>			
					</ul>
				</div>
			</div>
		</nav>
	</div>
</header>