Skip to content

Instantly share code, notes, and snippets.

@JakeBeresford
Created October 1, 2015 22:47
Show Gist options
  • Save JakeBeresford/d47303e7552fa87c0c99 to your computer and use it in GitHub Desktop.
Save JakeBeresford/d47303e7552fa87c0c99 to your computer and use it in GitHub Desktop.
<!-- Slideshow Template -->
<article class="template">
<hgroup>
<h1 class="title-1 title-1--mobile-only"><!-- Article title goes here --></h1>
<h2 class="title-2 title-2--mobile-only title--lowercase"><!-- OPTIONAL: Subline goes here --></h2>
</hgroup>
<!-- Slick carousel starts here -->
<div class="slick slide-carousel" data-options='{"arrowClass": "slick-arrow-resource"}'>
<!--slide 1-->
<div>
<p class="slick-slide__slide"><img class="img-block" src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" /></p>
</div>
<!-- Insert as many slides as you need using the above markup here-->
</div>
<!-- OPTIONAL banner space -->
<header class="resource-header">
<h1 class="resource-header__title"><!--Banner heading goes here --></h1>
<p><!--optional banner body content goes here --> </p>
</header>
<!-- PRODUCT FEED WILL BE INSERTED HERE, DELETE THIS COMMENT -->
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment