Gist w/ Bootstrap Responsive Card

panel-card.html

  <div class="panel panel-default panel-card ">
     <div class="panel-heading">
      <h3 class="panel-title">Panel title</h3>
    </div>
    <div class="panel-body">
      <img src="http://pipsum.com/280x320.jpg" class="img-responsive center-block">
      <div class="overlay">
        <ul>
          <li><span class="glyphicon glyphicon-trash"></span></li>
          <li><span class="glyphicon glyphicon-cog"></span></li>
        </ul>
        <button class="btn btn-primary">Button Action</button>
        <a class="btn btn-primary" href="#">Link Action</a>
      </div>
      <h3>Image Title</h3>
      <p>This is the text bwlow the image</p>
    </div>
    <div class="panel-footer">Panel footer</div>  
  </div>