Primer

HTML

<div class="quiz-next-year">
	<div class="inner">
		<div class="large-col-4">
			<picture>
			    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Trumpeter.png, /images/mainsite5/big-quiz-night/Stage3b_Trumpeter@2x.png 2x">
			    <img class="quiz-trumpeter" src="/images/mainsite5/big-quiz-night/Stage3b_Trumpeter@2x.png" alt="Car">
	        </picture>
		</div>
		<div class="large-col-8">
			<h2 class="quiz-night-heading">THE BIG QUIZ NIGHT WILL BE BACK</h2>
			<p>The Big Quiz will be back on November XX 2019. Save the date in your calendar and register your interest here. We’ll keep you up to date.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/Sign_up" class="button button--bold">REGISTER YOUR INTEREST</a>
		</div>
	</div>
</div>

Twig

<div class="quiz-next-year">
	<div class="inner">
		<div class="large-col-4">
			<picture>
			    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Trumpeter.png, /images/mainsite5/big-quiz-night/Stage3b_Trumpeter@2x.png 2x">
			    <img class="quiz-trumpeter" src="/images/mainsite5/big-quiz-night/Stage3b_Trumpeter@2x.png" alt="Car">
	        </picture>
		</div>
		<div class="large-col-8">
			<h2 class="quiz-night-heading">THE BIG QUIZ NIGHT WILL BE BACK</h2>
			<p>The Big Quiz will be back on November XX 2019. Save the date in your calendar and register your interest here. We’ll keep you up to date.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/Sign_up" class="button button--bold">REGISTER YOUR INTEREST</a>
		</div>
	</div>
</div>

{}

THE BIG QUIZ NIGHT WILL BE BACK

The Big Quiz will be back on November XX 2019. Save the date in your calendar and register your interest here. We’ll keep you up to date.