<div class="card-container">

<div class="row">

<div class="col-lg-3 col-sm-6">

<div class="card-box bg-blue">
<div class="inner">
</div>

<div class="card">
<div class="cardHeader">Big Header issue</div>
</div>

<a
href="#" class="card-box-footer">
View More
<i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>

</div>
</div>
</div>

<div class="row">

<div class="col-lg-3 col-md-6">

<div class="panel panel-primary">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<i class="fa fa-comments fa-5x"></i>

 </div>

<div class="col-xs-9 text-right">

<div class="huge">26</div>

<div>New Comments!</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<span class="pull-left">View Details</span>

<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<div class="panel panel-green">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<i class="fa fa-tasks fa-5x"></i>

</div>
 <div class="col-xs-9 text-right">

<div class="huge">12</div>

<div>New Tasks!</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<span class="pull-left">View Details</span>

<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<div class="panel panel-yellow">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<i class="fa fa-shopping-cart fa-5x"></i>

</div>
 <div class="col-xs-9 text-right">

<div class="huge">124</div>

<div>New Orders!</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<span class="pull-left">View Details</span>

<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

<div class="col-lg-3 col-md-6">

<div class="panel panel-red">

<div class="panel-heading">

<div class="row">

<div class="col-xs-3">

<i class="fa fa-support fa-5x"></i>

</div>

<div class="col-xs-9 text-right">

 <div class="huge">13</div>

<div>Support Tickets!</div>

</div>

</div>

</div>

<a href="#">

<div class="panel-footer">

<span class="pull-left">View Details</span>

<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>

<div class="clearfix"></div>

</div>

</a>

</div>

</div>

.card-box {
position: relative;
color: #fff;
padding: 10px 80px 80px;
margin: 20px 0px;
}

.card-box .inner {
padding: 5px 10px 0 10px;
}

.card-box .icon {
position: absolute;
top: auto;
 bottom: 5px;
right: 5px;
z-index: 0;
font-size: 72px;
color: rgba(0, 0, 0, 0.15);
}
.card-box .card-box-footer {
position: absolute;
left: 0px;
bottom: 0px;
text-align: center;
padding: 3px 10px;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.1);
width: 100%;
text-decoration: none;
}

.card-box-footer a{
color: #ff0303;
}

.card-box:hover .card-box-footer {
background: rgba(0, 0, 0, 0.3);
}
.bg-blue {
background-color: #0fb165 !important;
}
.bg-green {
background-color: #00a65a !important;
}
.bg-orange {
background-color: #f39c12 !important;
}
.bg-red {
background-color: #d9534f !important;
}
 <div class="tarjeta">
<div class="titulo">Una tarjeta básica</div>
<div class="cuerpo">
<img src="/imgs/cards0-img.jpg" alt="muestra">
lorem ipsum
</div>
<div class="pie">
<a href="#">Más información</a>
</div>
</div>
--------------------------------------------------------------------------

<div class="row">
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-file-text fa-4x"></i>
</div>
<div class="col-xs-9 text-right">
<div class='huge'>12</div>
<div class="under-number">Posts</div>
</div>
<div class="panel-footer">
<span class="pull-left blue">View Details</span>
<span class="pull-right blue"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-file-text fa-4x"></i>
</div>
<div class="col-xs-9 text-right">
 <div class='huge'>12</div>
<div class="under-number">Posts</div>
</div>
<div class="panel-footer">
<span class="pull-left blue">View Details</span>
<span class="pull-right blue"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</div>
</div>
<a href="posts.php">

</a>
</div>
</div>
</div>