Basic Card with CSS

HTML
<div class="card"> <img src="http://www.newsshare.in/wp-content/uploads/2017/04/Miniclip-8-Ball-Pool-Avatar-16.png" alt="Avatar" style="width:100%"> <div class="container"> <h4><b>Claud Sumbus</b></h4> <p>Architect & Engineer</p> </div> </div>
CSS
/*Card*/ .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 30%; background:#fff; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } .container { padding: 2px 16px; }
Javascript