Index

arrow_back "Miscellaneous" Category

Header

A persistent header bar for global navigation.

Demo

Code

code scss/elements/_header.scss
<header class="header">
	<div class="container">
		<div class="header-left">
			<a href="#" class="header-brand">Logo</a>
		</div>
		<div class="header-right">
			<a href="#" class="link">
				<i class="link-img material-icons">home</i>
				<span class="link-title">Home</span>
			</a>
			<a href="#" class="link">
				<i class="link-img material-icons">link</i>
				<span class="link-title">Link 1</span>
			</a>
			<a href="#" class="link">
				<i class="link-img material-icons">link</i>
				<span class="link-title">Link 2</span>
			</a>
		</div>
	</div>
</header>