Simple card with bootstrap

     <div class="card" style="width: 20rem; height:27rem;">

      <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Image cap" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg>

      <div class="card-body d-flex flex-column justify-content-around">

        <h5 class="card-title">Card title</h5>

        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

        <div class="d-flex justify-content-end"><a href="#" class="btn btn-primary">Go somewhere</a></div>

      </div>

    </div>