Summary Box {% include 'components/giving/summary-box' %}
#
HTML
<article class="summary-box ">
    <h1 class="summary-box__title">
        Institutional Donors
    </h1>
    <p class="summary-box__copy">Tearfund’s partnership with institutional donors builds relationships that shape thinking, policy and response to development.</p>
    <a href="#" class="summary-box__more">Find out more</a>

</article>
Twig
<article class="summary-box {% if summary_box_colour %} summary-box--{{ summary_box_colour }} {% endif %}">
    <h1 class="summary-box__title">{{ summary_box_title }}</h1>
    <p class="summary-box__copy">{{ summary_box_copy }}</p>
    <a href="{{ summary_box_cta_url }}" class="summary-box__more">{{ summary_box_cta }}</a>
</article>
{
    "summary_box_title": "Institutional Donors",
    "summary_box_copy": "Tearfund\u2019s partnership with institutional donors builds relationships that shape thinking, policy and response to development.",
    "summary_box_cta": "Find out more",
    "summary_box_cta_url": "#"
}

Institutional Donors

Tearfund’s partnership with institutional donors builds relationships that shape thinking, policy and response to development.

Find out more