Skip to content

Instantly share code, notes, and snippets.

@ethangardner

ethangardner/FeatureBox.html

Created November 10, 2011 00:09
Show Gist options
  • Save ethangardner/1353625 to your computer and use it in GitHub Desktop.
Save ethangardner/1353625 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
FeatureBox.html
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Feature Box</title>
<link rel="stylesheet" href="assets/styles/momentum.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="assets/scripts/jquery.scrollTo-min.js"></script>
<script src="assets/scripts/featurebox.js"></script>
</head>
<body>
<div class="container">
<div class="content feature-box">
<ul class="icons none">
<li>
<div class="icon">
<img src="http://farm7.static.flickr.com/6145/6206056530_16cd2d638a_t.jpg" width="100" height="75" alt="Iceland Glacier">
</div>
<div class="description">
<h5><a href="http://www.flickr.com/photos/edgincvg/6206056530/" title="Iceland Glacier by edgincvg, on Flickr">Iceland Glacier</a></h5>
<p>
Northern Iceland
</p>
</div>
</li>
<li>
<div class="icon">
<img src="http://farm4.static.flickr.com/3009/5766640191_a69c4c247c_t.jpg" width="100" height="75" alt="Bartholomew Scenery">
</div>
<div class="description">
<h5><a href="http://www.flickr.com/photos/edgincvg/5766640191/" title="Bartholomew Scenery by edgincvg, on Flickr">Galapagos</a></h5>
<p>
Island of Bartholomew
</p>
</div>
</li>
<li>
<div class="icon">
<img src="http://farm5.static.flickr.com/4074/4937793131_dc6476b71f_t.jpg" width="100" height="75" alt="IMG_2264">
</div>
<div class="description">
<h5><a href="http://www.flickr.com/photos/edgincvg/4937793131/" title="IMG_2264 by edgincvg, on Flickr">Sunset at Dinner</a></h5>
<p>
Cabarete, D.R.
</p>
</div>
</li>
<li>
<div class="icon">
<img src="http://farm4.static.flickr.com/3340/4624376976_1110e97f9d_t.jpg" width="100" height="75" alt="IMG_2050">
</div>
<div class="description">
<h5><a href="http://www.flickr.com/photos/edgincvg/4624376976/" title="IMG_2050 by edgincvg, on Flickr">Tulips</a></h5>
<p>
Cincinnati Zoo
</p>
</div>
</li>
<li>
<div class="icon">
<img src="http://farm4.static.flickr.com/3119/2793606607_7ac5270b50_t.jpg" width="100" height="75" alt="Jaguar Ruin at Lamanai in Belize">
</div>
<div class="description">
<h5><a href="http://www.flickr.com/photos/edgincvg/2793606607/" title="Jaguar Ruin at Lamanai in Belize by edgincvg, on Flickr">Jaguar Ruin</a></h5>
<p>
Lamanai Ruins, Belize
</p>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment