<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<h1 class="col-xs-12">Open Data Sites</h1>
<div id="categories" class=" col-xs-12 col-sm-4">
<div class="list-group">
<a href="" id="ember316" class="list-group-item list-group-item-action ember-view">All</a>
<a href="" id="ember323" class="list-group-item list-group-item-action ember-view">Local</a>
<a href="" id="ember324" class="list-group-item list-group-item-action ember-view">State</a>
<a href="" id="ember325" class="list-group-item list-group-item-action ember-view">National</a>
<a href="" id="ember326" class="list-group-item list-group-item-action ember-view">International</a>
<a href="" id="ember327" class="list-group-item list-group-item-action ember-view">Non-governmental Organizations</a>
</div>
</div>
<div id="content" class="col-xs-12 col-sm-8">
<p>This is but a small sample of the current Open Data sites that exists for you to explore and draw inspiration from, for your own site. You can browse sites that focus specifically on providing open data for local communities, or you can look at those with wider, national, or international scopes.</p>
<div class="row">
<br>
<div class="col-xs-12 col-md-6 col-lg-4 ">
<div class="thumbnail">
<div class="overlay gallery-hover">
<a title="Tallahassee Open Data" href="http://talgov.tlcgis.opendata.arcgis.com" target="_blank">
<span class="glyphicon glyphicon-link"></span>
<img src="https://placeimg.com/263/193/animals" alt="...">