<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<header id="header">
<div id="head" class="parallax" parallax-speed="2">
<h1 id="logo" class="text-center">
<img class="img-circle" src="http://www.gettemplate.com/demo/initio/assets/images/guy.jpg" alt="">
<span class="title">Anthony Russel</span>
<span class="tagline">A mystery person<br>
<a href="">anthony.russel42@example.com</a></span>
</h1>
</div>
<nav class="navbar navbar-default navbar-sticky">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" 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>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">More Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="sidebar-left.html">Left Sidebar</a></li>
<li><a href="sidebar-right.html">Right Sidebar</a></li>
<li><a href="single.html">Blog Post</a></li>
</ul>
</li>
<li><a href="http://www.gettemplate.com/demo/blog.html">Blog</a></li>
</ul>
