@vcl/vcl/panel/demo/example-card.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<div style="padding: 1em;">
  <div class="panel panel-card content-area-bg-color" style="max-width: 20em;">
    <img class="responsive-image" src="https://picsum.photos/300/300">
    <div class="panel-title panel-content">
      <h3 class="row justify-between center" style="margin-bottom: 0;">
        <a href="#">Kitty Cat</a>
        <small class="secondary-text-color">Mammal</small>
      </h3>
    </div>
    <div class="panel-content">
      Idiosyncratic creature which miaows.
    </div>
    <div class="divider m-0"></div>
    <div class="panel-content">
      Has a soft coat.
    </div>
    <div class="divider m-0"></div>
    <div class="panel-content content-area-bg-color secondary row justify-between center">
      <div class="icogram">
        <div class="icon fas fa-star" aria-hidden="true" role="img"></div>
        <span class="text">23 Followers</span>
      </div>
      <button type="button" class="button half-transparent">
        <span>Follow</span>
      </button>
    </div>
  </div>
</div>