Styleguide

Card: Default 

<div class="card hover-card mt-3 mb-0 wow animated fadeInLeft">
    <img src="/STATIC/binary/images/press/de-was-ist-smart-logistics-web-900x600px-w500-h.jpg" alt="Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum" class="card-img-top img-fluid" />

    <div class="card-body">
        <h3 class="wordbreak card-title h6">Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum</h3>

        <a href="https://www.timocom.de/blog/smart-logistics-spart-zeit-und-geld" title="Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum" class="mt-3 d-block color-blue stretched-link text-decoration-none" target="_self" aria-label="Mehr erfahren &gt;">Mehr erfahren &gt;
        </a>
    </div>
</div>
 
<div class="card hover-card mt-3 mb-0 wow animated fadeInLeft">
  <img src="{{image.src}}" alt="{{image.alt}}" class="card-img-top img-fluid" />

  <div class="card-body">
    <h3 class="wordbreak card-title h6">{{{body.headline.text}}}</h3>

    <a
      href="{{body.link.href}}"
      title="{{body.link.title}}"
      class="mt-3 d-block color-blue stretched-link text-decoration-none"
      target="_self"
      aria-label="{{body.link.ariaLabel}}"
    >{{{body.link.text}}}
    </a>
  </div>
</div>
 
{
  "image": {
    "src": "/STATIC/binary/images/press/de-was-ist-smart-logistics-web-900x600px-w500-h.jpg",
    "alt": "Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum"
  },
  "body": {
    "headline": {
      "text": "Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum"
    },
    "link": {
      "href": "https://www.timocom.de/blog/smart-logistics-spart-zeit-und-geld",
      "title": "Smart Logistics ist stärkster Hebel für Kostenersparnis und Wachstum",
      "text": "Mehr erfahren &gt;",
      "ariaLabel": "Mehr erfahren >"
    }
  }
}

No notes defined.