HTML

<article class="summary-box  summary-box--yellow-primary ">
    <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": "#",
    "summary_box_colour": "yellow-primary"
}

Institutional Donors

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

Find out more