<div id="wrapper">

	<!-- Main page header -->
	<header id="header" class="container">

		<!-- Main navigation -->
		<nav class="main-navigation">

			<!-- User profile -->
			<div class="user-profile">

				...

			</div>

			<!-- Navigation  -->
			<div class="nav-collapse collapse" role="navigation">

				...

			</div>

		</nav>

		<!-- Main page logo -->
		<h1><a href="#" class="brand">Logo</a></h1>

		<p><!-- page headline --></p>

	</header>
	<!-- /Main page header -->

	<!-- Main page container -->
	<section class="container" role="main">

		<!-- Page header -->
		<article class="page-header">
			...
		</article>

		<!-- Grid row -->
		<div class="row">

			<!-- Data block -->
			<article class="spanX data-block">
				<header>
					...
				</header>
				<section>
					...
				</section>
				<footer>
					...
				</footer>
			</article>

		</div>

	</section>
	<!-- /Main page container -->

	<!-- Sticky footer push -->
	<div id="push"></div>

</div>
<!-- Full height wrapper -->

<!-- Main page footer -->
<footer id="footer" class="container">
	...
</footer>