Page Header

The page header is the bar at the top of every DreamHost application that contains the logo and navigation

Watch out! The responsive part of the page header doesn't seem to work right now. Maybe it's your destiny to be the one to solve it. Track issue.


## Basic guidelines
<div class="Page-Header (Page-Header--responsive-[s/m/l])">
	<div class="Page-Header__container">
		<a class="Page-Header__logo" href="//www.dreamhost.com"><img src="https://www.dreamhost.com/assets/images/logo.dreamhost.white.svg" width="157" height="23"></a>
		<ul class="Page-Header__nav Page-Header__only-show-large">
			<li><a class="Page-Header__nav-link is-active" href="#">Link</a></li>
		</ul>
		<ul class="Page-Header__subnav Page-Header__only-show-small t-right">
			<li><button class="Page-Header__subnav-link js-toggle-mobile-menu">
				<svg class="icon icon-hamburger" viewBox="0 0 24 18">
					<path d="M0 5.9L0 7.1C0 7.1 0 7.1 0 7.1L24 7.1C24 7.1 24 7.1 24 7.1L24 5.9C24 5.9 24 5.9 24 5.9L0 5.9C0 5.9 0 5.9 0 5.9ZM0 0.9L0 2.1C0 2.1 0 2.1 0 2.1L24 2.1C24 2.1 24 2.1 24 2.1L24 0.9C24 0.9 24 0.9 24 0.9L0 0.9C0 0.9 0 0.9 0 0.9ZM0 15.9L0 17.1C0 17.1 0 17.1 0 17.1L24 17.1C24 17.1 24 17.1 24 17.1L24 15.9C24 15.9 24 15.9 24 15.9L0 15.9C0 15.9 0 15.9 0 15.9ZM0 12.2C0 12.2 24 12.2 24 12.2L24 10.9C24 10.9 0 10.9 0 10.9L0 12.2Z"></path>
				</svg><!-*remove whitespace
				-->Menu
			</button></li>
		</ul>
	</div>
</div>