<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>
<!------ Include the above in your HEAD tag ---------->
<div class="addon">
<p>What's this?</p>
<ul>
<li class="clearfix">
<a href="#" target="_blank">
<img class="round" src="https://8share-production-my.s3.amazonaws.com/campaigns/4898/photos/profile/thumb_copy.png?1397732185">
<div class="legend-info">
<strong>Social Good</strong>Help share a cause and do good.
</div></a>
</li>
<li class="clearfix">
<em class="hot"></em>
<div class="legend-info">
<strong>Fire Hot</strong>Featured hot special at the moment.
</div>
</li>
<li class="clearfix">
<em class="extra"></em>
<div class="legend-info">
<strong>Extra Fun</strong>Contests, surveys, prizes and more fun stuff.
</div>
</li>
</ul>
</div>
