User Navigation

Logged In

<nav class="user-nav">
	<ul class="user-nav--list">
		<li class="user-nav--item">
			<a href="#" class="user-nav--link">settings</a>
		</li>
		<li class="user-nav--item">
			<a href="#" class="user-nav--link">faq</a>
		</li>
		<li class="user-nav--item">
			<a href="#" class="user-nav--link">sign out</a>
		</li>
	</ul>
</nav>

Logged Out

Open in new tab

<nav class="user-nav">
	<ul class="user-nav--list">
		<li class="user-nav--item">
			<a href="#" class="user-nav--link">sign in</a>
		</li>
	</ul>
</nav>

Confirm Your Email

Open in new tab

<nav class="user-nav">
	<ul class="user-nav--list">
		<li class="user-nav--item">Please visit settings to confirm your email!</li>
	</ul>
</nav>

Maintenance Mode

Open in new tab

<nav class="user-nav">
	<ul class="user-nav--list">
		<li class="user-nav--item">
			The site is under maintenance right now. We’re doing something cool with
			the database!
		</li>
	</ul>
</nav>