<div class="container">
<div class="row">
<div class="col-md-4 col-sm-10 col-xs-8">
<div class="panel panel-default">
<div class="panel-body"> <img src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1562207628/BBBootstrap/img-1-hover.jpg" alt="profile"> </div>
<div class="panel-footer"><b><u>WILLIAM SHAKESPEARE</b></u><br><br>
<p>William shakespeare was an English poet, playwright and actor, widely regarded as the greatest writer in the English language and the world's greatest dramatist.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-10 col-xs-8">
<div class="panel panel-default">
<div class="panel-body"> <img src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1562207628/BBBootstrap/img-2-hover.jpg" alt="profile"> </div>
<div class="panel-footer"><b><u>JK ROWLING</b></u><br><br>
<p>JK Rowling better known by her pen names J. K. Rowling and Robert Galbraith, is a British novelist, screenwriter, producer, and philanthropist.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-10 col-xs-8">
<div class="panel panel-default">
<div class="panel-body"> <img src="https://res.cloudinary.com/dxfq3iotg/image/upload/v1562207628/BBBootstrap/img-1-hover.jpg" alt="profile"> </div>
<div class="panel-footer"><b><u>WILLIAM SHAKESPEARE</b></u><br><br>
<p>William shakespeare was an English poet, playwright and actor, widely regarded as the greatest writer in the English language and the world's greatest dramatist.</p>
</div>
</div>
</div>
</div>
</div>
.container {
margin-top: 100px
}
.panel-default {
text-align: center;
cursor: pointer;
font-family: 'Raleway', sans-serif
}
.panel-default>.panel-footer {
color: #fff;
background-color: #47c8ed;
display: none;
text-shadow: 1px 1px 1px rgba(150, 150, 150, 1)
}
.panel-default i {
font-size: 12em
}
$(function(){
$('.panel').hover(function(){
$(this).find('.panel-footer').slideDown(250);
},function(){
$(this).find('.panel-footer').slideUp(250);
});
})