{% capture api %} Return HTML markup for a card, optional parameters are `header`, `title`, `text`, `footer` and `classes`.

“`liquid {% raw %}{% include components/card.html %}{% endraw %} “`

“`liquid {% raw %}{% include components/card.html title=title header=header body=text footer=footer classes=classes %}{% endraw %} “`

“`html <div class=“card {% raw %}{{ include.classes | default: '' }}{% endraw %}”>

<div class="card-header">
  {% raw %}{{ include.header }}{% endraw %}
</div>
<div class="card-body">
  <h4 class="card-title">{% raw %}{{ include.title }}{% endraw %}</h4>
  {% raw %}{{ include.body | strip | markdownify }}{% endraw %}
</div>
<div class="card-footer">
  {% raw %}{{ include.footer | strip | markdownify }}{% endraw %}
</div>

</div> “`

#### `header`

#### `title`

#### `body`

#### `footer`

#### `classes`

{% endcapture %} {% include api/save.html %} <div class=“card {{ include.classes | default: ”“ }}”>{% if include.image %}

<img class="card-img-top" src="{{ include.image }}" alt="Card image cap">{% endif %}{% if include.header %}
<div class="card-header">
  {{ include.header }}
</div>{% endif %}{% if include.before_body %}
{{ include.before_body | strip | markdownify }}{% endif %}
<div class="card-body">{% if include.title %}
  <h4 class="card-title">{{ include.title }}</h4>{% endif %}{% if include.body %}
  {{ include.body | strip | markdownify }}{% endif %}
</div>{% if include.after_body %}
{{ include.after_body | strip | markdownify }}{% endif %}{% if include.footer %}
<div class="card-footer">
{{ include.footer | strip | markdownify }}
</div>{% endif %}

</div>