Dfid
#
Uk Aid Match Footer {% include 'components/dfid/uk-aid-match-footer' %}
#
HTML 
<div class="uk-aidmatch-footer">

	<div class="inner">

		<div class="uk-aidmatch-footer__image">
			<picture class="">
	            <source media="(min-width: 465px)" srcset="/images/mainsite5/dfid/LentAppeal_Component_Sticker_DESKTOP_NEW.png, /images/mainsite5/dfid/LentAppeal_Component_Sticker_DESKTOP_NEW@2x.png 2x">
	            <source media="(min-width: 375px)" srcset="/images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE.png, /images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE@2x.png 2x">
	            <img src="/images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE.png" alt="Lent appeal">
	        </picture>
		</div>

		<div class="uk-aidmatch-footer__copy">

			<h2>LIFT FAMILIES OUT 
OF THE RUBBISH</h2>

			<p>Rubina lives in a waste-strewn slum and her disabled son has breathing problems. Your donation could set up recycling hubs to clear away the rubbish.</p>

			<a class="button" href="#">Donate now</a>

			<div class="ukaidmatchlogo">
				<img class="mobile-only" src="/images/mainsite5/ukaidmatchlogo.jpg">
			</div>

		</div>

	</div>

</div>
Twig 
<div class="uk-aidmatch-footer">

	<div class="inner">

		<div class="uk-aidmatch-footer__image">
			<picture class="">
	            <source media="(min-width: 465px)" srcset="/images/mainsite5/dfid/LentAppeal_Component_Sticker_DESKTOP_NEW.png, /images/mainsite5/dfid/LentAppeal_Component_Sticker_DESKTOP_NEW@2x.png 2x">
	            <source media="(min-width: 375px)" srcset="/images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE.png, /images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE@2x.png 2x">
	            <img src="/images/mainsite5/dfid/LentAppeal_Component_Sticker_MOBILE.png" alt="Lent appeal">
	        </picture>
		</div>

		<div class="uk-aidmatch-footer__copy">

			<h2>LIFT FAMILIES OUT 
OF THE RUBBISH</h2>

			<p>Rubina lives in a waste-strewn slum and her disabled son has breathing problems. Your donation could set up recycling hubs to clear away the rubbish.</p>

			<a class="button" href="#">Donate now</a>

			<div class="ukaidmatchlogo">
				<img class="mobile-only" src="/images/mainsite5/ukaidmatchlogo.jpg">
			</div>

		</div>

	</div>

</div>
{}
Lent appeal

LIFT FAMILIES OUT 
OF THE RUBBISH

Rubina lives in a waste-strewn slum and her disabled son has breathing problems. Your donation could set up recycling hubs to clear away the rubbish.

Donate now
Giving Component {% include 'components/dfid/giving-component' %}
#
HTML 
<div class="grey-section ukaidmatch-giving">

	<div class="inner">
		<img class="ukaidmatch-sticker" src="/images/mainsite5/donation-doubled.png" />
		<div>
			<img class="ukaidmatch-logo" src="/images/mainsite5/ukaidmatchlogo.jpg">
			<h2 class="font-secondary">Your money matched</h2>
			<p>Until 17 May donations to our Matched Giving will be doubled by the UK Government, up to £2 million. Donations to this appeal will help Tearfund transform lives around the world where the need is greatest. </p>

			<p class="ukaidmatch-giving__strong"><strong>Matched funding from the UK government will be used by our partners in Pakistan to set up recycling hubs and improve the lives of people in slums.</strong></p>

			<a class="button" href="#">Donate Now</a>
		</div>

	</div>

</div>
Twig 
<div class="grey-section ukaidmatch-giving">

	<div class="inner">
		<img class="ukaidmatch-sticker" src="/images/mainsite5/donation-doubled.png" />
		<div>
			<img class="ukaidmatch-logo" src="/images/mainsite5/ukaidmatchlogo.jpg">
			<h2 class="font-secondary">Your money matched</h2>
			<p>Until 17 May donations to our Matched Giving will be doubled by the UK Government, up to £2 million. Donations to this appeal will help Tearfund transform lives around the world where the need is greatest. </p>

			<p class="ukaidmatch-giving__strong"><strong>Matched funding from the UK government will be used by our partners in Pakistan to set up recycling hubs and improve the lives of people in slums.</strong></p>

			<a class="button" href="#">Donate Now</a>
		</div>

	</div>

</div>
{}

Your money matched

Until 17 May donations to our Matched Giving will be doubled by the UK Government, up to £2 million. Donations to this appeal will help Tearfund transform lives around the world where the need is greatest.

Matched funding from the UK government will be used by our partners in Pakistan to set up recycling hubs and improve the lives of people in slums.

Donate Now