old cards html

<div class="snippet lightgrey-white-heading">
  <div class="card">
    <div class="card-body"><span>KOMMENDE</span><br/>
      <p>WEITERBILDUNGS-<br/>TERMINE</p>
    </div>
  </div>
</div><br/>
<div class="snippet darkgrey-white-heading">
  <div class="card">
    <div class="card-body"><span>FACHLITERATUR</span><br/>
      <p>VERSANDKOSTENFREI<br/>BESTELLEN</p>
    </div>
  </div>
</div><br/>
<div class="snippet yellow-heading">
  <div class="card">
    <div class="card-body"><span>EINLADUNG</span><br/>
      <p>NEUJAHRSEMPFANG<br/>2019</p>
    </div>
  </div>
</div><br/>
<div class="snippet green-white-heading">
  <div class="card">
    <div class="card-body"><span>KONGRESS 2019</span><br/>
      <p>STANDARDS NEXT<br/>2019</p>
    </div>
  </div>
</div><br/><br/><br/>
<h6>Tennleisten mit Text-Hinweise:</h6>
<div class="snippet maroon-top-heading">
  <div class="card">
    <div class="card-body">
      <hr/>
      <p>MEDIEN PARTNER</p>
    </div>
  </div>
</div><br/>
<div class="snippet yellow-top-heading">
  <div class="card">
    <div class="card-body">
      <hr/>
      <p>IHR ANSPRECHPARTNER</p>
    </div>
  </div>
</div><br/>
<div class="snippet greyOne-top-heading">
  <div class="card">
    <div class="card-body">
      <hr/>
      <p>BÜCHER</p>
    </div>
  </div>
</div><br/>
<div class="snippet greyTwo-top-heading">
  <div class="card">
    <div class="card-body">
      <hr/>
      <p>SEMINARE</p>
    </div>
  </div>
</div><br/>
<div class="snippet greyThree-top-heading">
  <div class="card">
    <div class="card-body">
      <hr/>
      <p>INFOPEDIA</p>
    </div>
  </div>
</div><br/>