<div class="content-grid inner clearfix">

	<a href="#" class="content-grid__block content-grid__block--full content-grid__image" style='background-image: url("http://via.placeholder.com/970x484");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">LATEST FUNDRAISER EVENT</div>
	</a>
	
	<a href="#" class="content-grid__block content-grid__block--half content-grid__image" style='background-image: url("http://via.placeholder.com/485x363");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">LATEST FUNDRAISER EVENT</div>
	</a>

	<a href="#" class="content-grid__block content-grid__block--half content-grid__image" style='background-image: url("http://via.placeholder.com/485x363");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">LATEST FUNDRAISER EVENT</div>
	</a>


			<a href="" class="content-grid__block content-grid__block--quarter 
		 content-grid__colour content-grid__block--yellow						"
				>
			<div>
									<h4>						‘‘FOR BECKY&#039;S CRAZY FAMILY WHO ARE GOING FOR A SWIM IN THE SEA TODAY. XX’’
					</h4>					<div class="content-grid__giving-meta">ANONYMOUS - £10.00 + £2.50 Gift Aid</div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
				 content-grid__image				"
					style='background-image: url("http://via.placeholder.com/242x242");'
				>
			<div>
									<div class="content-grid__footer content-grid__footer--0">Martha Collison has raised £6,970.45</div>							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
				 content-grid__image				"
					style='background-image: url("http://via.placeholder.com/242x242");'
				>
			<div>
																</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
						content-grid__icon content-grid__resources		"
				>
			<div>
									<h3>						Resources
					</h3>					<div class="content-grid__giving-meta"></div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
						content-grid__icon content-grid__join		"
				>
			<div>
									<h3>						Join Us!
					</h3>					<div class="content-grid__giving-meta"></div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
		 content-grid__colour content-grid__block--yellow						"
				>
			<div>
									<h4>						‘‘FOR BECKY&#039;S CRAZY FAMILY WHO ARE GOING FOR A SWIM IN THE SEA TODAY. XX’’
					</h4>					<div class="content-grid__giving-meta">ANONYMOUS - £10.00 + £2.50 Gift Aid</div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
				 content-grid__image				"
					style='background-image: url("http://via.placeholder.com/242x242");'
				>
			<div>
																</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
		 content-grid__colour content-grid__block--yellow						"
				>
			<div>
									<h4>						Other funds
					</h4>					<div class="content-grid__giving-meta"></div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
		 content-grid__colour content-grid__block--yellow						"
				>
			<div>
									<h4>						‘‘FOR BECKY&#039;S CRAZY FAMILY WHO ARE GOING FOR A SWIM IN THE SEA TODAY. XX’’
					</h4>					<div class="content-grid__giving-meta">ANONYMOUS - £10.00 + £2.50 Gift Aid</div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
						content-grid__icon content-grid__inspired		"
				>
			<div>
									<h3>						Get inspired
					</h3>					<div class="content-grid__giving-meta"></div>
							</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
				 content-grid__image				"
					style='background-image: url("http://via.placeholder.com/242x242");'
				>
			<div>
																</div>
		</a>

			<a href="" class="content-grid__block content-grid__block--quarter 
						content-grid__icon content-grid__in-touch		"
				>
			<div>
									<h3>						Get in touch
					</h3>					<div class="content-grid__giving-meta"></div>
							</div>
		</a>

	
</div>

<div class="content-grid inner clearfix">

	<a href="#" class="content-grid__block content-grid__block--full content-grid__image" style='background-image: url("{{content_grid_feature}}");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">{{content_grid_feature_text}}</div>
	</a>
	
	<a href="#" class="content-grid__block content-grid__block--half content-grid__image" style='background-image: url("{{content_grid_feature_2}}");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">{{content_grid_feature_text_2}}</div>
	</a>

	<a href="#" class="content-grid__block content-grid__block--half content-grid__image" style='background-image: url("{{content_grid_feature_3}}");'>
		<div class="content-grid__footer content-grid__footer--green content-grid__footer--large">{{content_grid_feature_text_3}}</div>
	</a>


	{% for item in content_grid_items %}
		<a href="{{item.url}}" class="content-grid__block content-grid__block--quarter 
		{% if item.colour %} content-grid__colour content-grid__block--{{item.colour}}{% endif %}
		{% if item.image %} content-grid__image{% endif %}
		{% if item.icon %}content-grid__icon content-grid__{{item.icon}}{% endif %}
		"
		{% if item.image %}
			style='background-image: url("{{ item.image }}");'
		{% endif %}
		>
			<div>
				{% if item.heading %}
					{% if item.icon %}<h3>{% else %}<h4>{% endif %}
						{{ item.heading }}
					{% if item.icon %}</h3>{% else %}</h4>{% endif %}
					<div class="content-grid__giving-meta">{{ item.text }}</div>
				{% else %}
					{% if item.text %}<div class="content-grid__footer content-grid__footer--{{item.footer-colour}}">{{ item.text }}</div>{% endif %}
				{% endif %}
			</div>
		</a>

	{% endfor %}

</div>