<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="wrapper">
<div class="card radius shadowDepth1">
<div class="card__image border-tlr-radius">
<img src="http://lorempixel.com/400/200/sports/" alt="image" class="border-tlr-radius">
</div>
<div class="card__content card__padding">
<div class="card__share">
<div class="card__social">
<a class="share-icon facebook" href="#"><span class="fa fa-facebook"></span></a>
<a class="share-icon twitter" href="#"><span class="fa fa-twitter"></span></a>
<a class="share-icon googleplus" href="#"><span class="fa fa-google-plus"></span></a>
</div>
<a id="share" class="share-toggle share-icon" href="#"></a>
</div>
<div class="card__meta">
<a href="#">Web Design</a>
<time>17th March</time>
</div>
<article class="card__article">
<h2><a href="#">Material Design Card - For Blog Post Article</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus harum...</p>
</article>
</div>
<div class="card__action">
