<div class="card {% block class %}{% endblock %}" id="{% block id %}{% endblock %}" {% block attr %}{% endblock %}>
    {% block header_wrapper %}
    <div class="card-header {% block header_class %}{% endblock %}">
        {% block header %}
        {% endblock header %}
    </div>
    {% endblock header_wrapper %}

    {% block body_wrapper %}
    <div class="card-body">
        {% block body %}
        {% endblock %}
    </div>
    {% endblock body_wrapper %}

    {% block footer_wrapper %}
    <div class="card-footer">
        {% block footer %}
        {% endblock footer %}
    </div>
    {% endblock footer_wrapper %}
</div>