<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>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="box">
<a href="#">
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti atque</p>
</div>
</a>
</div>
<div class="box">
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
<div class="box">
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti atque</p>
</div>
</div>
<div class="box">
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit ae</p>
</div>
</div>
<div class="box">
<div class="info">
<h4 class="text-center">Title</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti atque, vela elo dolor sit amekkk lomunmmuok</p>
</div>
</div>
</div>
</div>
</div>
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
body {padding-top:50px;}
.box {
border-radius: 3px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
padding: 10px 25px;
text-align: center;
display: inline-block;
margin-top: 60px;
max-width:19%;
}
.box span {
color: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.info h4 {
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
}
.info > p {
color: #717171;
font-size: 16px;
padding-top: 10px;
text-align: justify;
}
.box > a {
background-color: #03a9f4;
border-radius: 2px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
color: #fff;
transition: all 0.5s ease 0s;
}
.box > a:hover {
background-color: #0288d1;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
color: #fff;
transition: all 0.5s ease 0s;
}
