Charts
#
Churches Chart {% include 'components/charts/churches-chart' %}
#
HTML
<div class="churches-chart">
    <div class="churches-chart__image" data-svg="/images/mainsite5/churches-chart/donut.svg">
        <img src="/images/mainsite5/churches-chart/churches-chart-placehold.png" alt="Connected chart">
    </div>
    <ul class="churches-chart__legend">
        <li class="churches-chart__legend-item churches-chart__legend-item--give" data-id="give"><a href="#give-section">Partner your church</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--respond" data-id="respond"><a href="#respond-section">Pray</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--connect-church" data-id="connect-church"><a href="#connect-church-section">Act</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--prayer" data-id="prayer"><a href="#prayer-section">Resources</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--youth" data-id="youth"><a href="#youth-section">Request a speaker</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--church-life" data-id="church-life"><a href="#church-life-section">Youth</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--go-with-tearfund" data-id="go-with-tearfund"><a href="#go-with-tearfund-section">Go Overseas</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--lend-a-hand" data-id="lend-a-hand"><a href="#lend-a-hand">Emergency Response</a></li>
    </ul>
    <div class="churches-chart__details">
        <article id="give-section" class="churches-chart-detail churches-chart-detail--give">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">
                Partner your church
            </h1>
            <div class="churches-chart-detail__copy">
                <p>You can build a lasting relationship between your church and one of our church based partners overseas through Connected Church.</p>
            </div>
            <a class="button" href="https://connected.tearfund.org/">Find out more</a> 
        </article>
        <article id="respond-section" class="churches-chart-detail churches-chart-detail--respond">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">
                Pray
            </h1>
            <div class="churches-chart-detail__copy">
                <p>Tearfund’s work is rooted in prayer. Get your church praying about where it’s needed the most. Click through to sign up for One Voice prayer emails and to find resources for your church.</p>
            </div>
            <a class="button" href="http://www.tearfund.org/pray">View Resources and Sign Up</a> 
        </article>
    </article>
    <article id="connect-church-section" class="churches-chart-detail churches-chart-detail--connect-church">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Act
        </h1>
        <div class="churches-chart-detail__copy">
            <p>We need to take action to beat poverty and injustice. This includes calling on leaders in the UK and globally to change laws and policies, and making changes in our own lives too. Click through to sign up for Tearfund Action emails and to find resources for your church.</p>
        </div>
        <a class="button" href="http://www.tearfund.org/action">View Resources and Sign Up</a> 
    </article>
    <article id="prayer-section" class="churches-chart-detail churches-chart-detail--prayer">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Resources
        </h1>
        <div class="churches-chart-detail__copy">
            <p>All of our resources in one handy space! Check out our Bible studies, information to help you organise a fundraiser, service outlines and other ready-to-use resources.</p>
        </div>
        <a class="button" href="https://www.tearfund.org/en/about_you/resources/for_churches/">View Resources
</a> 
    </article>
    <article id="youth-section" class="churches-chart-detail churches-chart-detail--youth">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Request a speaker
        </h1>
        <div class="churches-chart-detail__copy">
            <p>Inspire your church with an accredited Tearfund speaker who can share amazing stories of lives changed through our church-based partners overseas.</p>
        </div>
        <a class="button" href="https://www.tearfund.org/en/about_you/book_a_speaker/">Book a speaker</a> 
    </article>
    <article id="church-life-section" class="churches-chart-detail churches-chart-detail--church-life">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Youth
        </h1>
        <div class="churches-chart-detail__copy">
            <p>Bible studies, activities and lesson plans to keep young people informed, inspired and involved.</p>
        </div>
        <a class="button" href="https://www.tearfund.org/en/about_you/youth/">See resources</a> 
    </article>
    <article id="go-with-tearfund-section" class="churches-chart-detail churches-chart-detail--go-with-tearfund">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Go Overseas
        </h1>
        <div class="churches-chart-detail__copy">
            <p>Come on a Tearfund Go overseas trip with a group from your church and get inspired together.</p>
        </div>
        <a class="button" href="https://www.tearfund.org/en/about_you/go_overseas/">View trips</a> 
    </article>
    <article id="lend-a-hand-section" class="churches-chart-detail churches-chart-detail--lend-a-hand">
        <div class="churches-chart-detail__icon"></div>
        <h1 class="churches-chart-detail__title">
            Emergency Response
        </h1>
        <div class="churches-chart-detail__copy">
            <p>When disasters strike overseas, there is often desperate need and the Church feels moved to help. Click through to support the latest emergency and sign up to the Church Leader Newsletter below to receive information and updates when they happen. </p>
        </div>
        <a class="button" href="https://www.tearfund.org/en/latest/burundi_crisis_appeal/">Respond to emergencies</a> 
    </article>
</div>
</div>
Twig
<div class="churches-chart">
    <div class="churches-chart__image" data-svg="/images/mainsite5/churches-chart/donut.svg">
        <img src="/images/mainsite5/churches-chart/churches-chart-placehold.png" alt="Connected chart">
    </div>
    <ul class="churches-chart__legend">
        <li class="churches-chart__legend-item churches-chart__legend-item--give" data-id="give"><a href="#give-section">Partner your church</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--respond" data-id="respond"><a href="#respond-section">Pray</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--connect-church" data-id="connect-church"><a href="#connect-church-section">Act</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--prayer" data-id="prayer"><a href="#prayer-section">Resources</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--youth" data-id="youth"><a href="#youth-section">Request a speaker</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--church-life" data-id="church-life"><a href="#church-life-section">Youth</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--go-with-tearfund" data-id="go-with-tearfund"><a href="#go-with-tearfund-section">Go Overseas</a></li>
        <li class="churches-chart__legend-item churches-chart__legend-item--lend-a-hand" data-id="lend-a-hand"><a href="#lend-a-hand">Emergency Response</a></li>
    </ul>
    <div class="churches-chart__details">
        <article id="give-section" class="churches-chart-detail churches-chart-detail--give">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Partner your church</h1>
            <div class="churches-chart-detail__copy">
                <p>You can build a lasting relationship between your church and one of our church based partners overseas through Connected Church.</p>
            </div>
            <a class="button" href="https://connected.tearfund.org/">Find out more</a>
        </article>
        <article id="respond-section" class="churches-chart-detail churches-chart-detail--respond">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Pray</h1>
            <div class="churches-chart-detail__copy">
                <p>Tearfund’s work is rooted in prayer. Get your church praying about where it’s needed the most. Click through to sign up for One Voice prayer emails and to find resources for your church.</p>
            </div>
            <a class="button" href="http://www.tearfund.org/pray">View Resources and Sign Up</a>
        </article>
        </article>
        <article id="connect-church-section" class="churches-chart-detail churches-chart-detail--connect-church">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Act</h1>
             <div class="churches-chart-detail__copy">
                <p>We need to take action to beat poverty and injustice. This includes calling on leaders in the UK and globally to change laws and policies, and making changes in our own lives too. Click through to sign up for Tearfund Action emails and to find resources for your church.</p>
            </div>
            <a class="button" href="http://www.tearfund.org/action">View Resources and Sign Up</a>

        </article>
        <article id="prayer-section" class="churches-chart-detail churches-chart-detail--prayer">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Resources</h1>
            <div class="churches-chart-detail__copy">
                <p>All of our resources in one handy space! Check out our Bible studies, information to help you organise a fundraiser, service outlines and other ready-to-use resources.</p>
            </div>
            <a class="button" href="https://www.tearfund.org/en/about_you/resources/for_churches/">View Resources
</a>
        </article>
        <article id="youth-section" class="churches-chart-detail churches-chart-detail--youth">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Request a speaker</h1>
            <div class="churches-chart-detail__copy">
                <p>Inspire your church with an accredited Tearfund speaker who can share amazing stories of lives changed through our church-based partners overseas.</p>
            </div>
            <a class="button" href="https://www.tearfund.org/en/about_you/book_a_speaker/">Book a speaker</a>
        </article>
        <article id="church-life-section" class="churches-chart-detail churches-chart-detail--church-life">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Youth</h1>
            <div class="churches-chart-detail__copy">
                <p>Bible studies, activities and lesson plans to keep young people informed, inspired and involved.</p>
            </div>
            <a class="button" href="https://www.tearfund.org/en/about_you/youth/">See resources</a>
        </article>
        <article id="go-with-tearfund-section" class="churches-chart-detail churches-chart-detail--go-with-tearfund">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Go Overseas</h1>
            <div class="churches-chart-detail__copy">
                <p>Come on a Tearfund Go overseas trip with a group from your church and get inspired together.</p>
            </div>
            <a class="button" href="https://www.tearfund.org/en/about_you/go_overseas/">View trips</a>
        </article>
         <article id="lend-a-hand-section" class="churches-chart-detail churches-chart-detail--lend-a-hand">
            <div class="churches-chart-detail__icon"></div>
            <h1 class="churches-chart-detail__title">Emergency Response</h1>
            <div class="churches-chart-detail__copy">
                <p>When disasters strike overseas, there is often desperate need and the Church feels moved to help. Click through to support the latest emergency and sign up to the Church Leader Newsletter below to receive information and updates when they happen. </p>
            </div>
            <a class="button" href="https://www.tearfund.org/en/latest/burundi_crisis_appeal/">Respond to emergencies</a>
        </article>
    </div>
</div>
{}
Connected chart

Partner your church

You can build a lasting relationship between your church and one of our church based partners overseas through Connected Church.

Find out more

Pray

Tearfund’s work is rooted in prayer. Get your church praying about where it’s needed the most. Click through to sign up for One Voice prayer emails and to find resources for your church.

View Resources and Sign Up

Act

We need to take action to beat poverty and injustice. This includes calling on leaders in the UK and globally to change laws and policies, and making changes in our own lives too. Click through to sign up for Tearfund Action emails and to find resources for your church.

View Resources and Sign Up

Resources

All of our resources in one handy space! Check out our Bible studies, information to help you organise a fundraiser, service outlines and other ready-to-use resources.

View Resources

Request a speaker

Inspire your church with an accredited Tearfund speaker who can share amazing stories of lives changed through our church-based partners overseas.

Book a speaker

Youth

Bible studies, activities and lesson plans to keep young people informed, inspired and involved.

See resources

Go Overseas

Come on a Tearfund Go overseas trip with a group from your church and get inspired together.

View trips

Emergency Response

When disasters strike overseas, there is often desperate need and the Church feels moved to help. Click through to support the latest emergency and sign up to the Church Leader Newsletter below to receive information and updates when they happen.

Respond to emergencies
Transparency Chart {% include 'components/charts/transparency-chart' %}
#
HTML
<div class="transparency-chart">
    <div class="transparency-chart__image" data-svg="/images/mainsite5/transparency-chart/donut.svg">
        <img src="/images/mainsite5/transparency-chart/donut.png" alt="Transparency chart">
    </div>
    <ul class="transparency-chart__legend">
        <li class="transparency-chart__legend-item transparency-chart__legend-item--disaster-response" data-id="disaster-response"><a href="#disaster-response-section">Disaster Response</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--developing-communities" data-id="developing-communities"><a href="#developing-communities-section">Developing Communities</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--global-church" data-id="global-church"><a href="#global-church-section">Enabling the global church to act</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--changing-policies" data-id="changing-policies"><a href="#changing-policies-section">Changing unjust policies</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--fundraising" data-id="fundraising"><a href="#fundraising-section">Fundraising</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--running-costs" data-id="running-costs"><a href="#running-costs-section">Support &amp; Running costs</a></li>
    </ul>
    <div class="transparency-chart__details">
        <article id="disaster-response-section" class="transparency-chart-detail transparency-chart-detail--disaster-response">
            <span class="transparency-chart-detail__spend">38p</span> 
            <h1 class="transparency-chart-detail__title">
                Responding to Disaster
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="developing-communities-section" class="transparency-chart-detail transparency-chart-detail--developing-communities">
            <span class="transparency-chart-detail__spend">31p</span> 
            <h1 class="transparency-chart-detail__title">
                Developing Communities
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="global-church-section" class="transparency-chart-detail transparency-chart-detail--global-church">
            <span class="transparency-chart-detail__spend">10p</span> 
            <h1 class="transparency-chart-detail__title">
                Enabling the Global Church to Act
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="changing-policies-section" class="transparency-chart-detail transparency-chart-detail--changing-policies">
            <span class="transparency-chart-detail__spend">6p</span> 
            <h1 class="transparency-chart-detail__title">
                Changing unjust policies
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="fundraising-section" class="transparency-chart-detail transparency-chart-detail--fundraising">
            <span class="transparency-chart-detail__spend">9p</span> 
            <h1 class="transparency-chart-detail__title">
                Fundraising
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="running-costs-section" class="transparency-chart-detail transparency-chart-detail--running-costs">
            <span class="transparency-chart-detail__spend">6p</span> 
            <h1 class="transparency-chart-detail__title">
                Support &amp; Running costs
            </h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
    </div>
</div>
Twig
<div class="transparency-chart">
    <div class="transparency-chart__image" data-svg="/images/mainsite5/transparency-chart/donut.svg">
        <img src="/images/mainsite5/transparency-chart/donut.png" alt="Transparency chart">
    </div>
    <ul class="transparency-chart__legend">
        <li class="transparency-chart__legend-item transparency-chart__legend-item--disaster-response" data-id="disaster-response"><a href="#disaster-response-section">Disaster Response</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--developing-communities" data-id="developing-communities"><a href="#developing-communities-section">Developing Communities</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--global-church" data-id="global-church"><a href="#global-church-section">Enabling the global church to act</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--changing-policies" data-id="changing-policies"><a href="#changing-policies-section">Changing unjust policies</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--fundraising" data-id="fundraising"><a href="#fundraising-section">Fundraising</a></li>
        <li class="transparency-chart__legend-item transparency-chart__legend-item--running-costs" data-id="running-costs"><a href="#running-costs-section">Support &amp; Running costs</a></li>
    </ul>
    <div class="transparency-chart__details">
        <article id="disaster-response-section" class="transparency-chart-detail transparency-chart-detail--disaster-response">
            <span class="transparency-chart-detail__spend">38p</span>
            <h1 class="transparency-chart-detail__title">Responding to Disaster</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="developing-communities-section" class="transparency-chart-detail transparency-chart-detail--developing-communities">
            <span class="transparency-chart-detail__spend">31p</span>
            <h1 class="transparency-chart-detail__title">Developing Communities</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="global-church-section" class="transparency-chart-detail transparency-chart-detail--global-church">
            <span class="transparency-chart-detail__spend">10p</span>
            <h1 class="transparency-chart-detail__title">Enabling the Global Church to Act</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="changing-policies-section" class="transparency-chart-detail transparency-chart-detail--changing-policies">
            <span class="transparency-chart-detail__spend">6p</span>
            <h1 class="transparency-chart-detail__title">Changing unjust policies</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="fundraising-section" class="transparency-chart-detail transparency-chart-detail--fundraising">
            <span class="transparency-chart-detail__spend">9p</span>
            <h1 class="transparency-chart-detail__title">Fundraising</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
        <article id="running-costs-section" class="transparency-chart-detail transparency-chart-detail--running-costs">
            <span class="transparency-chart-detail__spend">6p</span>
            <h1 class="transparency-chart-detail__title">Support &amp; Running costs</h1>
            <img src="http://placehold.it/430x240" alt="" class="transparency-chart-detail__media">
            <div class="transparency-chart-detail__copy">
                <p>Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.</p>
            </div>
        </article>
    </div>
</div>
{}
Transparency chart
38p

Responding to Disaster

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.

31p

Developing Communities

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.

10p

Enabling the Global Church to Act

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.

6p

Changing unjust policies

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.

9p

Fundraising

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.

6p

Support & Running costs

Most people (92%) who are affected, or killed, by disasters are in poor countries. Our 50 years’ experience responding to floods; earthquakes; tsunamis; typhoons; food crises and conflicts enable us to act quickly, using your support to save lives.