<link rel="stylesheet" href="../dist/css/card.css">

<div class="card intro-card col-md-12">
  <div class="row">
    <div class="col-md-7 side-image" style="background: linear-gradient(#00000066, #00000066), url('/docs/5.3/assets/img/examples/intro-home.jpeg');>
      <span class="icon-bg-dark">
        <i class="material-icons">home</i>
      </span>
      <span>Entidade</span>
    </div>
    <div class="col-md-5 side-text">
      <div class="card-body">
        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla risus magna nulla urna, aliquam tincidunt orci et. Rhoncus, adipiscing amet egestas in bibendum lorem rhoncus. Mauris tortor varius sed dignissim porttitor volutpat. Sit eu mi.</p>
        <a href="#">
          <span>
            Ver todos
            <i class="material-icons">keyboard_arrow_right</i>
          </span>
        </a>
      </div>
    </div>
  </div>
</div>