Skip to content

Instantly share code, notes, and snippets.

@JakeBeresford
Created October 1, 2015 22:46
Show Gist options
  • Save JakeBeresford/26e2287047ab38604d53 to your computer and use it in GitHub Desktop.
Save JakeBeresford/26e2287047ab38604d53 to your computer and use it in GitHub Desktop.
<article class="template">
<div class="template__row">
<!-- BLOCK 1-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<p><!-- block text content goes here --></p>
</div>
<!-- BLOCK 2-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<h2 class="title-2"><!-- Block heading goes here --></h2>
<p><!-- block text content goes here --></p>
</div>
<!-- BLOCK 3-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<h2 class="title-2"><!-- Block heading goes here --></h2>
<p><!-- block text content goes here --></p>
</div>
<!-- BLOCK 4-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<h2 class="title-2"><!-- Block heading goes here --></h2>
<p><!-- block text content goes here --></p>
</div>
<!-- BLOCK 5-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<h2 class="title-2"><!-- Block heading goes here --></h2>
<p><!-- block text content goes here --></p>
</div>
<!-- BLOCK 6-->
<div class="template__med-50-wide-33">
<p class="media-block"><img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/></p>
<h2 class="title-2"><!-- Block heading goes here --></h2>
<p><!-- block text content goes here --></p>
</div>
</div>
<!-- OPTIONAL CTA BUTTON -->
<p><a href="<!-- Button destination URL goes here -->" class="block-cta block-cta--pink"><span class="block-cta__border"><!-- Button Text Goes here --></span></a></p>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment