recipie_target.html

<div id="full_screen_with_footer_layout">
	<div class="center_col">
		<h1>Recipe</h1>
		<h2>Insert Title Here...</h2>
		<p>Each recipie consists of a sequence of steps, some may be performed by the microwave, some by the user and others, such as weighing flour, working together.</p>
		<p>Recipies can be created by the user or downloaded from a central online portal. Online recipies will including rating facilities and a record of what recipies the user has used, for easy reference. Behind the scenes each recipe will be stored as a JSON record to allow easy communication and consistent presentation.</p>
		<ol>
			<li>Multiple steps</li>
			<li>These will probably involve scrolling</li>
			<li>We will do an automatic scroll as things go</li>
			<li>While allowing the user to move around manually if they wish</li>
		</ol>
	</div>
	<a href="/" id="stop" type="button" class="btn btn-default footer" aria-label="Stop">
		<div class="btn btn-default btn-round" type="button">
			<span class="fa fa-stop" aria-hidden="true"></span>
		</div>
	</a>
</div>

<script>
$('.btn-round').each(function(index, elem) { square_element(elem); });
</script>