byceps/blueprints/common/style_guide/templates/common/style_guide/sections/_cards.html
<p>Cards are like boxes, but can have different sections:</p>
{% call render_example() %}
<div class="card" style="max-width: 10rem;">
<div class="card-image">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 120'%3E%3Crect fill='%23666666' height='120' width='160' /%3E%3C/svg%3E">
</div>
<div class="card-content">
Description
</div>
</div>
{% endcall %}