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 ">
<div class="card__body">
<img src="../../images/drawings/badger.png" alt="Badger" title="" class="drawing " />
<h3 class="card__title">Call To Action</h3>
<div class="card__content">
Et repellendus est sunt et sapiente quo consequatur. Necessitatibus eum quaerat omnis commodi aut nemo.
</div>
<button class="button button--green--dark button--inline ">
<span>Default Button</span>
</button>
</div>
</div>
<div class="{{modifier 'card' card.modifiers}} {{ card.classes }}">
<div class="card__body">
{{ render '@drawing' }}
<h3 class="card__title">{{ titlecase card.title }}</h3>
<div class="card__content">
{{ card.text }}
</div>
{{#if card.button }}
{{ render '@button' card.button merge=true }}
{{/if}}
</div>
</div>