Find Nearest Quiz {% include 'components/big-quiz-2019/find-nearest-quiz' %}
#
HTML
<div class="bq19-find-nearest-quiz bq19-section">
	<div class="bq19-find-nearest-quiz__top bq19-inner">
		<img
			alt=""
			class="bq19-find-nearest-quiz__car"
			src="/images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png" 
			srcset="/images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png 1x, /images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png 2x"
		/>
		<h2 class="bq19-find-nearest-quiz__heading">Find your nearest quiz</h2>
		<form class="bq19-find-nearest-quiz__form">
			<input class="bq19-find-nearest-quiz__input" placeholder="Enter your postcode..." />
			<button class="bq19-find-nearest-quiz__button bq19-button button button--bold" href="#">Find a quiz night</button>
		</form>
	</div>

	<div class="bq19-find-nearest-quiz__bottom">
		<div class="bq19-find-nearest-quiz__wrapper">
		<div class="bq19-find-nearest-quiz__card-container">
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.0 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.1 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.2 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.3 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.4 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			
				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.5 miles away</div>
										<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
					</div>
		</div>
	</div>
</div>
Twig
<div class="bq19-find-nearest-quiz bq19-section">
	<div class="bq19-find-nearest-quiz__top bq19-inner">
		<img
			alt=""
			class="bq19-find-nearest-quiz__car"
			src="/images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png" 
			srcset="/images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png 1x, /images/mainsite5/big-quiz-2019/nearest-quiz/robin-reliant.png 2x"
		/>
		<h2 class="bq19-find-nearest-quiz__heading">Find your nearest quiz</h2>
		<form class="bq19-find-nearest-quiz__form">
			<input class="bq19-find-nearest-quiz__input" placeholder="Enter your postcode..." />
			<button class="bq19-find-nearest-quiz__button bq19-button button button--bold" href="#">Find a quiz night</button>
		</form>
	</div>

	<div class="bq19-find-nearest-quiz__bottom">
		<div class="bq19-find-nearest-quiz__wrapper">
		<div class="bq19-find-nearest-quiz__card-container">
			{% for i in 0..5 %}

				<div class="bq19-find-nearest-quiz__card">
					<div class="bq19-find-nearest-quiz__card-location">0.{{i}} miles away</div>
					{# NOTE: Removed from design, commenting in case needed #}
					<div class="bq19-find-nearest-quiz__card-title">St Jude’s Church, Liverpool</div>
					<div class="bq19-find-nearest-quiz__card-address">
						15 Blogg St, Bloggsville, SM1 BL0G
					</div>
					<a class="bq19-find-nearest-quiz__card-email" href="email@tearfund.org">
						reallysuperduperlongemailaddress@tearfund.org
					</a>
					<div class="bq19-find-nearest-quiz__card-phone">
						01234 567 890
					</div>
					<a class="bq19-find-nearest-quiz__card-link" href="http://www.tearfund.org">
						http://www.tearfund.org
					</a>
				</div>
			{% endfor %}
		</div>
		</div>
	</div>
</div>
{}

Find your nearest quiz

0.0 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org
0.1 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org
0.2 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org
0.3 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org
0.4 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org
0.5 miles away
St Jude’s Church, Liverpool
15 Blogg St, Bloggsville, SM1 BL0G
reallysuperduperlongemailaddress@tearfund.org
01234 567 890
http://www.tearfund.org