index.html

<!-- $title PinHammer by Coxand.co.uk -->
<!-- $metadescription PinHammer template by Coxand.co.uk -->
<!-- @include _header -->
<!-- @include _nav -->
		<div role="main">	
				<p><img src="http://placehold.it/1020x200/333333/cccccc&text=PinHammer+for+Hammer" alt=" " class="fullwidth" /></p> 
				<h1>PinHammer for Hammer</h1>
				<p>A lightweight Hammer template pack using the advantages of Hammer to help kick off site build projects.</p>
				<h2>No Frameworks</h2>
				<p>Thats right, there are no Frameworks involved in this set of Hammer templates. This is kept simple so that you can use it as a basis for creating your own designs and layouts or quickly add the frameworks you need. We have put in place the following:</p>
				<ul>
					<li>Normalised CSS</li>
					<li>REM font sizing</li>
					<li>Golden ration modular type scale</li>
					<li>ARIA roles</li>
					<li>Basic mixins to help with a responsive design approach - depending on your design change them to suit the page layout for the different screen sizes - break them where your layout needs to break not at common screen sizes.</li>
					<li>Commented link in the code to sources of interest</li>
					<li><a href="<!-- @path page2.html -->">CSS styling page</a> with a range of common html tags to help with styling</li>
				</ul>
				<p>For fully featured template for rapid builds we recommend <a href="https://github.com/malarkey/Rock-Hammer">Rock Hammer</a></p>
		</div>
<!-- @include _footer -->