<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Real-time website thumbnails</h2>
<span class="text-danger">Please wait while thumbnails are generated</span>
<p>Note: For demonstration, these are set to refresh every 14 days: <code>&cacheLimit=14</code></p>
<hr>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3">
<a href="http://cnn.com" class="thumbnail">
<img src="http://api.screenshotmachine.com/?key=342eb4&url=http://cnn.com&cacheLimit=14" alt="cnn.com">
</a>
<p class="text-center">
<img src="http://g.etfv.co/http://www.cnn.com" alt="cnn.com" width="16" height="16" /> ··<a href="http://cnn.com"> CNN.com News</a>
</p>
</div>
<div class="col-xs-6 col-md-3">
<a href="http://abcnews.go.com" class="thumbnail">
<img src="http://api.screenshotmachine.com/?key=342eb4&url=http://abcnews.go.com/&cacheLimit=14" alt="ABC News">
</a>
<p class="text-center">
<img src="http://g.etfv.co/http://abcnews.go.com" alt="abc" width="16" height="16" /> ··<a href="http://abcnews.go.com"> ABC News</a>
</p>
</div>
