Primer

HTML

	<div class="hero-summary-single">

		<div class="hero-summary-single__content">
			<h2 class="no-margin-top">A Title</h2>
			<p>Cake sales and coffee mornings are fun, sociable and a great way to raise money. Everyone can get involved and they’re very easy to organise. You don’t need to be a master baker – just buy and resell cakes. We’ll give you all the resources, recipes and tips you’ll need to host a Big Bake – and all the money you raise will help families in poverty across the world.</p>
			<a class="button" href="">See more</a>
		</div>

		<div class="hero-summary-single__image">
			<picture>
                <source media="(min-width: 375px)" srcset="http://placehold.it/1200x800,  2x">
                <img src="http://placehold.it/1200x800" alt="We wont stop until poverty stops">
            </picture>
		</div>

	</div>

Twig

{% for hero_summary in single_hero_summaries %}
	<div class="hero-summary-single">

		<div class="hero-summary-single__content">
			<h2 class="no-margin-top">{{ hero_summary.title }}</h2>
			<p>{{ hero_summary.summary }}</p>
			<a class="button" href="{{ hero_summary.url }}">{{ hero_summary.link_text }}</a>
		</div>

		<div class="hero-summary-single__image">
			<picture>
                <source media="(min-width: 375px)" srcset="{{ hero_summary.image }}, {{ hero_summary.image_retina }} 2x">
                <img src="{{ hero_summary.image }}" alt="We wont stop until poverty stops">
            </picture>
		</div>

	</div>
{% endfor %}

{
    "single_hero_summaries": {
        "0": {
            "title": "A Title",
            "image": "http:\/\/placehold.it\/1200x800",
            "summary": "Cake sales and coffee mornings are fun, sociable and a great way to raise money. Everyone can get involved and they\u2019re very easy to organise. You don\u2019t need to be a master baker \u2013 just buy and resell cakes. We\u2019ll give you all the resources, recipes and tips you\u2019ll need to host a Big Bake \u2013 and all the money you raise will help families in poverty across the world.",
            "url:": "#",
            "link_text": "See more"
        }
    }
}

A Title

Cake sales and coffee mornings are fun, sociable and a great way to raise money. Everyone can get involved and they’re very easy to organise. You don’t need to be a master baker – just buy and resell cakes. We’ll give you all the resources, recipes and tips you’ll need to host a Big Bake – and all the money you raise will help families in poverty across the world.