Skip to content

Instantly share code, notes, and snippets.

@ckotak

ckotak/sample custom content

Last active December 15, 2015 04:19
Show Gist options
  • Save ckotak/5200263 to your computer and use it in GitHub Desktop.
Save ckotak/5200263 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample custom content
<link href="../jansport/css/custom/custom.css" rel="stylesheet" type="text/css" />
<script src="../jansport/js/custom/custom.js"></script>
<div class="container">
<div class="row">
<div class="column12">
<div class="jansport-slider" data-slideshow="true">
<ul class="slides">
<li>
<a href="#">
<img src="http://placehold.it/960x472"/>
</a>
</li>
<li>
<a href="#">
<img src="http://placehold.it/960x472"/>
</a>
</li>
<li>
<img src="http://placehold.it/960x472"/>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="column3">
<a class="module tall" href="#">
<img class="background" src="http://placehold.it/231x474"/>
<div class="title bottom">
<h2>
<span class="line">The New</span>
<span class="line">Outside</span>
<span class="line">Collection</span>
</h2>
</div>
<div class="additional">
<div class="content">
<h3 class="underline">Outside</h3>
<p class="underline">
<span class="line">Built for Adventure</span>
<span class="line">Organized</span>
<span class="line">For Everyday</span>
</p>
<span class="action">Shop Now</span>
</div>
</div>
</a>
</div>
<div class="column9">
<div class="row">
<div class="column3">
<a class="module" href="#">
<img class="background" src="http://placehold.it/231x231"/>
<div class="additional">
<div class="content">
<h3 class="underline">
<span class="line">The</span>
<span class="line">Superbreak</span>
</h3>
<span class="action lines">
<span class="line">Shop Our</span>
<span class="line">Best Seller</span>
</span>
</div>
</div>
</a>
</div>
<div class="column3">
<a class="module" href="#">
<img class="background" src="http://placehold.it/231x231"/>
<div class="additional">
<div class="content">
<h3 class="underline">
<span class="line">Mix and Match</span>
<span class="line">Your iPack</span>
<span class="line">With Your iPhone</span>
<span class="line">and iPad Case</span>
</h3>
<span class="action">Check It</span>
</div>
</div>
</a>
</div>
<div class="column3">
<img src="http://placehold.it/231x231"/>
</div>
</div>
<div class="row">
<div class="column3">
<a class="module" href="#">
<img class="background" src="http://placehold.it/231x231"/>
<div class="title bottom">
<h2>Since 1967</h2>
</div>
<div class="additional">
<div class="content">
<h3 class="underline">
<span class="line">Born And Raised</span>
<span class="line">in Seattle</span>
</h3>
<span class="action">Learn More</span>
</div>
</div>
</a>
</div>
<div class="column6">
<a class="module" href="#">
<img class="background" src="http://placehold.it/474x231"/>
<div class="additional">
<div class="content">
<h3 class="underline">
<span class="line">Packs for Every Adventure</span>
<span class="line">For 1 Day or 10</span>
</h3>
<span class="action">Read More</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column12">
<img src="http://placehold.it/960x231"/>
</div>
</div>
<div class="row">
<div class="column3">
<img src="http://placehold.it/231x231"/>
</div>
<div class="column3">
<a class="module" href="#">
<img class="background" src="http://placehold.it/231x231"/>
<div class="title bottom">
<h3 class="action">Shop Now</h3>
</div>
</a>
</div>
<div class="column3">
<img src="http://placehold.it/231x231"/>
</div>
<div class="column3">
<a class="module instagram" href="http://instagram.com/JanSport/" data-feed-url="http://statigr.am/feed/jansport">
<img class="background loading" src="http://placehold.it/231x231"/>
</a>
</div>
</div>
<div class="row">
<div class="column3">
<img src="http://placehold.it/231x231"/>
</div>
<div class="column3">
<img src="http://placehold.it/231x231"/>
</div>
<div class="column6">
<img src="http://placehold.it/474x231"/>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment