Cards

Various cards styles. Cards include a title and media object. Optionally, include a “banner”.

The “Woodland” card includes location information.

<div class="card card--cta card--link ">
    <div class="card__body">
        <h3 class="card__title">Call To Action</h3>
        <img src="../../images/drawings/badger.png" alt="Badger" title="" class="drawing " />

        <div class="card__content">
            <a href="#">Itaque iste omnis aut eaque provident fugit quod corrupti explicabo. Modi voluptatem aut aut.</a>
        </div>
    </div>
</div>
<div class="{{modifier 'card' card.modifiers}} {{ card.classes }}">
  <div class="card__body">
    <h3 class="card__title">{{ titlecase card.title }}</h3>
    {{ render '@drawing' }}
    <div class="card__content">
      <a href="#">{{ card.text }}</a>
    </div>
  </div>
</div>