Skip to content

Instantly share code, notes, and snippets.

@JakeBeresford
Created October 1, 2015 22:42
Show Gist options
  • Save JakeBeresford/c8a21ca5d834d2e8e46a to your computer and use it in GitHub Desktop.
Save JakeBeresford/c8a21ca5d834d2e8e46a to your computer and use it in GitHub Desktop.
<!-- Single column layout -->
<!-- For better performance and cleaner code please delete all comments before posting -->
<article class="template">
<!-- STEP: duplicate code between here and END STEP as needed for your content -->
<!-- OPTIONAL:numbered step - increment number as neeeded for each step-->
<a class="numdot" href="#step-1" id="step-1">1</a>
<!-- REQUIRED: step/article heading -->
<h1 class="title-1"><i><!-- OPTIONAL: italicised title text--></i> <!--Regular title text--></h1>
<!-- CHOOSE: video or image content -->
<!--video content below - remove if unnecessary -->
<iframe src="<!-- video URL goes here-->" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<!-- Image content below - remove if unnecessary -->
<img src="<!-- Image URL goes here -->" alt="<!-- REQUIRED alt text/ image description goes here-->">
<!-- REQUIRED: step/article body -->
<p class="dotted"><!-- Text body content gos here--></p>
<!-- END STEP: above code can be replicated multiple times below here. -->
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment