Venn
#
Venn Circles {% include 'components/venn/venn-circles' %}
#
HTML
<div class="venn-circles venn-circles--how-we-work">
    <div class="venn-circle__container">
        <div class="venn-circle ">
            <div class="venn-circle__content">
                <h3 class="venn-circle__title">
                    Spiritual Passion
                </h3>
                <p>We’re Christians committed to following Jesus where the need is greatest. God has called us to serve those living in poverty, regardless of race, gender, nationality or religious belief.</p>
                <p>We know the gospel has the power to transform lives and heal communities, we see this truth in our work every day. God isn’t giving up on the poor, neither are we.</p>
            </div>
        </div>
    </div>
    <div class="venn-circle__container">
        <div class="venn-circle venn-circle--right">
            <div class="venn-circle__content">
                <h3 class="venn-circle__title">
                    Professional Excellence
                </h3>
                <p>We know that our work is too important not to do it well. We’re committed to professionalism and are recognised for our expertise in relief, development and advocacy.</p>
                <p>We’re signatories to the Red Cross Code of Conduct and are certified against the Humanitarian Accountability Partnership Standard. That way, we’re always accountable for the work we do.</p>
            </div>
        </div>
    </div>
</div>
Twig
<div class="venn-circles venn-circles--how-we-work">
		{% for venn in venn_circles %}
			<div class="venn-circle__container">
				<div class="venn-circle {% if loop.index == 2 %}venn-circle--right{% endif %}">
					<div class="venn-circle__content">
						<h3 class="venn-circle__title">{{ venn.title }}</h3>
						{% for content in venn.content %}
							<p>{{ content }}</p>
						{% endfor %}
					</div>
				</div>
			</div>
		{% endfor %}
</div>
{
    "venn_circles": {
        "0": {
            "title": "Spiritual Passion",
            "content": {
                "0": "We\u2019re Christians committed to following Jesus where the need is greatest. God has called us to serve those living in poverty, regardless of race, gender, nationality or religious belief.",
                "1": "We know the gospel has the power to transform lives and heal communities, we see this truth in our work every day. God isn\u2019t giving up on the poor, neither are we."
            }
        },
        "1": {
            "title": "Professional Excellence",
            "content": {
                "0": "We know that our work is too important not to do it well. We\u2019re committed to professionalism and are recognised for our expertise in relief, development and advocacy.",
                "1": "We\u2019re signatories to the Red Cross Code of Conduct and are certified against the Humanitarian Accountability Partnership Standard. That way, we\u2019re always accountable for the work we do."
            }
        }
    }
}

Spiritual Passion

We’re Christians committed to following Jesus where the need is greatest. God has called us to serve those living in poverty, regardless of race, gender, nationality or religious belief.

We know the gospel has the power to transform lives and heal communities, we see this truth in our work every day. God isn’t giving up on the poor, neither are we.

Professional Excellence

We know that our work is too important not to do it well. We’re committed to professionalism and are recognised for our expertise in relief, development and advocacy.

We’re signatories to the Red Cross Code of Conduct and are certified against the Humanitarian Accountability Partnership Standard. That way, we’re always accountable for the work we do.