<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>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class="container">
<div class="row">
<div class="card-wrapper">
<div class="card">
<h1><i class="fa fa-facebook"></i> Facebook</h1>
<p class="desc-text text-justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti, maiores. Commodi eos sunt labore repellendus incidunt quae iure ullam ea reiciendis at numquam aperiam, nesciunt fugit provident quis culpa facere!. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda porro reprehenderit voluptas, dicta ex, nihil et itaque laudantium voluptatum quaerat provident possimus. Laboriosam ipsum praesentium molestiae eum illum dignissimos harum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, ducimus, earum. Eos eum cum et illo unde impedit deserunt perferendis consectetur expedita, vero officiis sapiente ratione, cumque magnam reprehenderit dicta.
</p>
<ul class="controls">
<li class="read">
<i class="fa fa-book"></i>
<p class="text-a">Read</p>
</li>
<li class="views">
<i class="fa fa-eye"></i>
<p class="text-a">20.k Views</p>
</li>
<li class="comment">
<i class="fa fa-comment"></i>
<p class="text-a">66 Comments</p>
</li>
</ul>
</div>
</div>
