Summary Boxes {% include 'components/giving/summary-boxes' %}
#
HTML
<div class="summary-boxes">
    <div class="summary-boxes__item">
        <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>
    </div>
    <div class="summary-boxes__item">
        <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>
    </div>
    <div class="summary-boxes__item">
        <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>
    </div>
</div>
Twig
<div class="summary-boxes">
	{% set vars = {"summary_box_title": "Institutional Donors",
		"summary_box_copy": "Tearfund’s partnership with institutional donors builds relationships that shape thinking, policy and response to development.",
		"summary_box_cta": "Find out more",
		"summary_box_cta_url": "#"} %}
	<div class="summary-boxes__item">
		{% include 'components/giving/summary-box' with vars  %}
	</div>
	<div class="summary-boxes__item">
		{% include 'components/giving/summary-box' with vars  %}
	</div>
	<div class="summary-boxes__item">
		{% include 'components/giving/summary-box' with vars  %}
	</div>
</div>
{}

Institutional Donors

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

Find out more

Institutional Donors

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

Find out more

Institutional Donors

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

Find out more