Big Quiz
#
Box Red {% include 'components/big-quiz/box~red' %}
#
HTML
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--red">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
Twig
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--{{ box_colour }}">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
{
    "box_colour": "red"
}

FAQS

It wouldn't be a quiz without questions - we want to answer all of yours here.

Read More
Banner Resources {% include 'components/big-quiz/banner~resources' %}
#
HTML
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">resources</h1>
				<p>Everything you need to run your Big Quiz night</p>				<div class="quiz-night-resources-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

Twig
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">{{ header_name }}</h1>
				{% if subtitle %}<p>{{ subtitle }}</p>{% endif %}
				<div class="quiz-night-{{ header_name }}-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

{
    "header_name": "resources",
    "subtitle": "Everything you need to run your Big Quiz night"
}
7 Days 3 Hours to go until

resources

Everything you need to run your Big Quiz night

Totaliser Thankyou {% include 'components/big-quiz/totaliser-thankyou' %}
#
HTML
<div class="quiz-dashboard quiz-dashboard--totaliser quiz-dashboard--totaliser-thankyou quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<picture class="totaliser-plane">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Plane.png, /images/mainsite5/big-quiz-night/Stage3b_Plane@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Stage3b_Plane.png" alt="Thank you" title="Thank you">
		</picture>
		<div class="totaliser-thankyou">Thank You</div>
		<div class="totaliser-intro">for being part of The Big Quiz Night</div>
		<picture class="totaliser-logo">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/tflogo.png, /images/mainsite5/big-quiz-night/tflogo@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/tflogo.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

Twig
<div class="quiz-dashboard quiz-dashboard--totaliser quiz-dashboard--totaliser-thankyou quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<picture class="totaliser-plane">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Plane.png, /images/mainsite5/big-quiz-night/Stage3b_Plane@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Stage3b_Plane.png" alt="Thank you" title="Thank you">
		</picture>
		<div class="totaliser-thankyou">Thank You</div>
		<div class="totaliser-intro">for being part of The Big Quiz Night</div>
		<picture class="totaliser-logo">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/tflogo.png, /images/mainsite5/big-quiz-night/tflogo@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/tflogo.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

{
    "total": "16520"
}
Thank you
Thank You
for being part of The Big Quiz Night
Guide {% include 'components/big-quiz/guide' %}
#
HTML
<div class="grey-section">
	<div class="inner clearfix">
		<div class="large-col-8 large-offset-2 center-text">
			<h2 class="quiz-night-heading">Let's Get Quizzical</h2>
			<p><strong>Thanks for being part of Tearfund's Big Quiz Night.</strong></p>

			<p>Together, we’re putting on the biggest multi-venue, nationwide quiz ever – and it’s all in the name of fighting poverty. On this page you’ll find loads of useful tips and info, ensuring your Big Quiz Night is fun, involves your community and runs smoothly.</p>
		</div>
	</div>
	<div class="inner">
		<div class="quiz-guide-heading">
			<h2 class="quiz-night-heading"><span>Seven steps</span> to an amazing night</h2>
		</div>
		<div class="quiz-step quiz-step--white">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 1</span> Sign Up</h3>
				<p>Once you’ve registered your church/group, we’ll send you the Big Quiz Night Pack. It’s full of great resources to help make your night a success. You’ll also receive regular emails from us from September to keep you on track and encourage you. If you haven’t signed up yet, you can <a href="~/link.aspx?_id=AAC2EBC4116E49459FA623E287044F6B&amp;_z=z">sign up here</a>.</p>
			</div>
			<div class="large-col-5 quiz-pack">
				<p><strong>What’s in the pack</strong><br />
				USB stick with the quiz film, quiz questions and answers, posters, team answer sheet, to-do checklist and fundraising ideas</p>
			</div>
		</div>

		<div class="quiz-step quiz-step--green quiz-step--chefs">
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/AnimationBakerChef@2x.gif, /images/mainsite5/big-quiz-night/AnimationBakerChef@2x.gif 2x">
                    <img src="/images/mainsite5/big-quiz-night/AnimationBakerChef.gif" alt="Chefs">
                </picture>
			</div>
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 2</span> BOOK YOUR VENUE</h3>
				<p>We know that schedules get busy, so as soon as you can check the date – 17 November – with your church (or other venue) and book in your Big Quiz Night.</p>

				<h3 class="quiz-night-heading"><span>Step 3</span> GATHER YOUR TEAM</h3>
				<p>A great quiz needs a great team. Think of people who could help with catering (if you’re doing food), someone to be MC, the all-important audio/visual team and some people to help set up. The more the merrier.</p>
			</div>
			
		</div>

		<div class="quiz-step quiz-step--white">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 4</span> START PROMOTING BIG</h3>
				<p>It’s never too early to begin the hype. You can download notices and put up posters once your pack arrives. Make sure your congregation, friends, family, pets etc know that this is an event not to be missed.</p>

				<h3 class="quiz-night-heading"><span>Step 5</span> UNPACK YOUR QUIZ PACK</h3>
				<p>Once you’ve received your pack, you can order more of the resources inside, familiarise yourself with the video and photocopy as many of the answer sheets as you need. Any questions? Check out our big <a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs">FAQ page</a></p>
			</div>
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/pirate.png, /images/mainsite5/big-quiz-night/pirate@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/pirate.png" alt="Pirate">
                </picture>
			</div>	
		</div>

		<div class="quiz-step quiz-step--green quiz-step--superhero">
			<!-- <div class="large-col-5"> -->
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/superhero.png, /images/mainsite5/big-quiz-night/superhero@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/superhero.png" alt="Superhero">
                </picture>
			<!-- </div>	 -->
			<div class="large-col-7 large-offset-5">
				<h3 class="quiz-night-heading"><span>Step 6</span> CUSTOMISE YOUR BIG QUIZ</h3>
				<p>No two churches are alike, and no Big Quiz Night has to be either. Tailor your night to whatever suits you best, whether that’s adding food, music, fundraising challenges – whatever you fancy. We’ll include lots of fundraising ideas in your pack, but feel free to go wild in coming up with your own. Every pound raised will make a massive difference to people in need.</p>

				
			</div>
		</div>

		<div class="quiz-step quiz-step--white quiz-step--bottom-rounded">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 7</span> THE BIG NIGHT</h3>
				<p>Link up to our online dashboard, which will be hosted at www.tearfund.org/[dashboard]
					There, you’ll be able to let us know how many people took part in your Big Quiz, so we can announce the grand total of nationwide attendees. You can follow along with all the action on social media with the hashtag #BQN
					</p>

				<p><strong>And most importantly, have an amazing time!</strong></p>
			</div>
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/popcorn.png, /images/mainsite5/big-quiz-night/popcorn@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/popcorn.png" alt="Popcorn">
                </picture>
			</div>	
		</div>
	</div>
</div>
Twig
<div class="grey-section">
	<div class="inner clearfix">
		<div class="large-col-8 large-offset-2 center-text">
			<h2 class="quiz-night-heading">Let's Get Quizzical</h2>
			<p><strong>Thanks for being part of Tearfund's Big Quiz Night.</strong></p>

			<p>Together, we’re putting on the biggest multi-venue, nationwide quiz ever – and it’s all in the name of fighting poverty. On this page you’ll find loads of useful tips and info, ensuring your Big Quiz Night is fun, involves your community and runs smoothly.</p>
		</div>
	</div>
	<div class="inner">
		<div class="quiz-guide-heading">
			<h2 class="quiz-night-heading"><span>Seven steps</span> to an amazing night</h2>
		</div>
		<div class="quiz-step quiz-step--white">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 1</span> Sign Up</h3>
				<p>Once you’ve registered your church/group, we’ll send you the Big Quiz Night Pack. It’s full of great resources to help make your night a success. You’ll also receive regular emails from us from September to keep you on track and encourage you. If you haven’t signed up yet, you can <a href="~/link.aspx?_id=AAC2EBC4116E49459FA623E287044F6B&amp;_z=z">sign up here</a>.</p>
			</div>
			<div class="large-col-5 quiz-pack">
				<p><strong>What’s in the pack</strong><br />
				USB stick with the quiz film, quiz questions and answers, posters, team answer sheet, to-do checklist and fundraising ideas</p>
			</div>
		</div>

		<div class="quiz-step quiz-step--green quiz-step--chefs">
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/AnimationBakerChef@2x.gif, /images/mainsite5/big-quiz-night/AnimationBakerChef@2x.gif 2x">
                    <img src="/images/mainsite5/big-quiz-night/AnimationBakerChef.gif" alt="Chefs">
                </picture>
			</div>
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 2</span> BOOK YOUR VENUE</h3>
				<p>We know that schedules get busy, so as soon as you can check the date – 17 November – with your church (or other venue) and book in your Big Quiz Night.</p>

				<h3 class="quiz-night-heading"><span>Step 3</span> GATHER YOUR TEAM</h3>
				<p>A great quiz needs a great team. Think of people who could help with catering (if you’re doing food), someone to be MC, the all-important audio/visual team and some people to help set up. The more the merrier.</p>
			</div>
			
		</div>

		<div class="quiz-step quiz-step--white">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 4</span> START PROMOTING BIG</h3>
				<p>It’s never too early to begin the hype. You can download notices and put up posters once your pack arrives. Make sure your congregation, friends, family, pets etc know that this is an event not to be missed.</p>

				<h3 class="quiz-night-heading"><span>Step 5</span> UNPACK YOUR QUIZ PACK</h3>
				<p>Once you’ve received your pack, you can order more of the resources inside, familiarise yourself with the video and photocopy as many of the answer sheets as you need. Any questions? Check out our big <a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs">FAQ page</a></p>
			</div>
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/pirate.png, /images/mainsite5/big-quiz-night/pirate@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/pirate.png" alt="Pirate">
                </picture>
			</div>	
		</div>

		<div class="quiz-step quiz-step--green quiz-step--superhero">
			<!-- <div class="large-col-5"> -->
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/superhero.png, /images/mainsite5/big-quiz-night/superhero@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/superhero.png" alt="Superhero">
                </picture>
			<!-- </div>	 -->
			<div class="large-col-7 large-offset-5">
				<h3 class="quiz-night-heading"><span>Step 6</span> CUSTOMISE YOUR BIG QUIZ</h3>
				<p>No two churches are alike, and no Big Quiz Night has to be either. Tailor your night to whatever suits you best, whether that’s adding food, music, fundraising challenges – whatever you fancy. We’ll include lots of fundraising ideas in your pack, but feel free to go wild in coming up with your own. Every pound raised will make a massive difference to people in need.</p>

				
			</div>
		</div>

		<div class="quiz-step quiz-step--white quiz-step--bottom-rounded">
			<div class="large-col-7">
				<h3 class="quiz-night-heading"><span>Step 7</span> THE BIG NIGHT</h3>
				<p>Link up to our online dashboard, which will be hosted at www.tearfund.org/[dashboard]
					There, you’ll be able to let us know how many people took part in your Big Quiz, so we can announce the grand total of nationwide attendees. You can follow along with all the action on social media with the hashtag #BQN
					</p>

				<p><strong>And most importantly, have an amazing time!</strong></p>
			</div>
			<div class="large-col-5">
				<picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/popcorn.png, /images/mainsite5/big-quiz-night/popcorn@2x.png 2x">
                    <img src="/images/mainsite5/big-quiz-night/popcorn.png" alt="Popcorn">
                </picture>
			</div>	
		</div>
	</div>
</div>
{}

Let's Get Quizzical

Thanks for being part of Tearfund's Big Quiz Night.

Together, we’re putting on the biggest multi-venue, nationwide quiz ever – and it’s all in the name of fighting poverty. On this page you’ll find loads of useful tips and info, ensuring your Big Quiz Night is fun, involves your community and runs smoothly.

Seven steps to an amazing night

Step 1 Sign Up

Once you’ve registered your church/group, we’ll send you the Big Quiz Night Pack. It’s full of great resources to help make your night a success. You’ll also receive regular emails from us from September to keep you on track and encourage you. If you haven’t signed up yet, you can sign up here.

What’s in the pack
USB stick with the quiz film, quiz questions and answers, posters, team answer sheet, to-do checklist and fundraising ideas

Chefs

Step 2 BOOK YOUR VENUE

We know that schedules get busy, so as soon as you can check the date – 17 November – with your church (or other venue) and book in your Big Quiz Night.

Step 3 GATHER YOUR TEAM

A great quiz needs a great team. Think of people who could help with catering (if you’re doing food), someone to be MC, the all-important audio/visual team and some people to help set up. The more the merrier.

Step 4 START PROMOTING BIG

It’s never too early to begin the hype. You can download notices and put up posters once your pack arrives. Make sure your congregation, friends, family, pets etc know that this is an event not to be missed.

Step 5 UNPACK YOUR QUIZ PACK

Once you’ve received your pack, you can order more of the resources inside, familiarise yourself with the video and photocopy as many of the answer sheets as you need. Any questions? Check out our big FAQ page

Pirate
Superhero

Step 6 CUSTOMISE YOUR BIG QUIZ

No two churches are alike, and no Big Quiz Night has to be either. Tailor your night to whatever suits you best, whether that’s adding food, music, fundraising challenges – whatever you fancy. We’ll include lots of fundraising ideas in your pack, but feel free to go wild in coming up with your own. Every pound raised will make a massive difference to people in need.

Step 7 THE BIG NIGHT

Link up to our online dashboard, which will be hosted at www.tearfund.org/[dashboard] There, you’ll be able to let us know how many people took part in your Big Quiz, so we can announce the grand total of nationwide attendees. You can follow along with all the action on social media with the hashtag #BQN

And most importantly, have an amazing time!

Popcorn
Box Grey {% include 'components/big-quiz/box~grey' %}
#
HTML
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--grey">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
Twig
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--{{ box_colour }}">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
{
    "box_colour": "grey"
}

FAQS

It wouldn't be a quiz without questions - we want to answer all of yours here.

Read More
Quiz Next Year {% include 'components/big-quiz/quiz-next-year' %}
#
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>
{}
Car

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.

REGISTER YOUR INTEREST
Box Turquoise {% include 'components/big-quiz/box~turquoise' %}
#
HTML
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--turquoise">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
Twig
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--{{ box_colour }}">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
{
    "box_colour": "turquoise"
}

FAQS

It wouldn't be a quiz without questions - we want to answer all of yours here.

Read More
Map {% include 'components/big-quiz/map' %}
#
HTML
<div id="quiz-map"> </div>
Twig
<div id="quiz-map"> </div>
{}
Box {% include 'components/big-quiz/box' %}
#
HTML
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--orange">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
Twig
<div class="clearfix">
	<div class="large-col-4">
		<div class="rounded-corners quiz-box quiz-box--{{ box_colour }}">
			<h3>FAQS</h3>
			<p>It wouldn't be a quiz without questions - we want to answer all of yours here.</p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/FAQs" class="button button--transparent button--bold">Read More</a>
		</div>
	</div>
</div>
{
    "box_colour": "orange"
}

FAQS

It wouldn't be a quiz without questions - we want to answer all of yours here.

Read More
Quiz Totals {% include 'components/big-quiz/quiz-totals' %}
#
HTML
<div class="inner big-quiz-totals clearfix" style="position:relative;">
	<div class="large-col-6">
		<img src="/images/mainsite5/big-quiz-night/Big_Quiz_Map_Totaliser_Static.jpg" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
	</div>
	<div class="large-col-6 big-quiz-totals__right">

		<div class="big-quiz-total-section">
			<div class="big-quiz-totaliser-title">Total number of churches:</div>
			<div class="zero-counter big-quiz-totaliser-number" data-from="0" data-to="498">
				<span class="zero-counter__value">0</span>
			</div>
		</div>

		<div class="big-quiz-total-section">
			<div class="big-quiz-totaliser-title">Total number of quizzers:</div>
			<div class="zero-counter big-quiz-totaliser-number" data-from="0" data-to="22197">
				<span class="zero-counter__value">0</span>
			</div>
		</div>

	</div>
</div>
Twig
<div class="inner big-quiz-totals clearfix" style="position:relative;">
	<div class="large-col-6">
		<img src="/images/mainsite5/big-quiz-night/Big_Quiz_Map_Totaliser_Static.jpg" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
	</div>
	<div class="large-col-6 big-quiz-totals__right">

		<div class="big-quiz-total-section">
			<div class="big-quiz-totaliser-title">Total number of churches:</div>
			<div class="zero-counter big-quiz-totaliser-number" data-from="0" data-to="498">
				<span class="zero-counter__value">0</span>
			</div>
		</div>

		<div class="big-quiz-total-section">
			<div class="big-quiz-totaliser-title">Total number of quizzers:</div>
			<div class="zero-counter big-quiz-totaliser-number" data-from="0" data-to="22197">
				<span class="zero-counter__value">0</span>
			</div>
		</div>

	</div>
</div>
{}
Totaliser Dinosaur
Total number of churches:
0
Total number of quizzers:
0
Totaliser {% include 'components/big-quiz/totaliser' %}
#
HTML
<div class="quiz-dashboard quiz-dashboard--stage-1 quiz-dashboard--totaliser quiz-dashboard--totaliser-center" style="position: relative">>
	<div class="totaliser-container">
		<div class="totaliser-intro">Total number of Quizzers:</div>
<!-- 		<div class="totaliser-total">16520</div>
 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="16520">
			<span class="zero-counter__value">16520</span>
		</div>
		<picture class="totaliser-dinosaur">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Totaliser_Dinosaur.png, /images/mainsite5/big-quiz-night/Totaliser_Dinosaur@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Totaliser_Dinosaur.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

<div class="quiz-dashboard quiz-dashboard--stage-2 quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">16520</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="720">
					<span class="zero-counter__value">720</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

<div class="quiz-dashboard quiz-dashboard--stage-3 quiz-dashboard--totaliser quiz-dashboard--totaliser-thankyou quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<picture class="totaliser-plane">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Plane.png, /images/mainsite5/big-quiz-night/Stage3b_Plane@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Stage3b_Plane.png" alt="Thank you" title="Thank you">
		</picture>
		<div class="totaliser-thankyou">Thank You</div>
		<div class="totaliser-intro">for being part of The Big Quiz Night</div>
		<picture class="totaliser-logo">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/tflogo.png, /images/mainsite5/big-quiz-night/tflogo@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/tflogo.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

Twig
<div class="quiz-dashboard quiz-dashboard--stage-1 quiz-dashboard--totaliser quiz-dashboard--totaliser-center" style="position: relative">>
	<div class="totaliser-container">
		<div class="totaliser-intro">Total number of Quizzers:</div>
<!-- 		<div class="totaliser-total">{{ total }}</div>
 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="{{ total }}">
			<span class="zero-counter__value">{{ total }}</span>
		</div>
		<picture class="totaliser-dinosaur">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Totaliser_Dinosaur.png, /images/mainsite5/big-quiz-night/Totaliser_Dinosaur@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Totaliser_Dinosaur.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

<div class="quiz-dashboard quiz-dashboard--stage-2 quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">{{ total }}</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="{{ church_total }}">
					<span class="zero-counter__value">{{ church_total }}</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

<div class="quiz-dashboard quiz-dashboard--stage-3 quiz-dashboard--totaliser quiz-dashboard--totaliser-thankyou quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<picture class="totaliser-plane">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Stage3b_Plane.png, /images/mainsite5/big-quiz-night/Stage3b_Plane@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/Stage3b_Plane.png" alt="Thank you" title="Thank you">
		</picture>
		<div class="totaliser-thankyou">Thank You</div>
		<div class="totaliser-intro">for being part of The Big Quiz Night</div>
		<picture class="totaliser-logo">
			<source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/tflogo.png, /images/mainsite5/big-quiz-night/tflogo@2x.png 2x">
			<img src="/images/mainsite5/big-quiz-night/tflogo.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</picture>
	</div>
</div>

{
    "total": "16520",
    "church_total": "720"
}
>
Total number of Quizzers:
16520
Totaliser Dinosaur
Total number of churches:
720
Totaliser Dinosaur
Thank you
Thank You
for being part of The Big Quiz Night
Team Names {% include 'components/big-quiz/team-names' %}
#
HTML
<div class="grey-section">
	<div class="inner">
		<div class="team-name-container">
			<div class="large-col-6 best-team-name">
				<div class="quiz-guide-heading">
				    <h2 class="quiz-night-heading">
				        <span>BEST TEAM NAMES</span>
				    </h2>
				</div>
			    <div class="quiz-team-name">
			    	<span>1</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>2</span> Team with a pretty long name
			    </div>
			    <div class="quiz-team-name">
			    	<span>3</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>4</span> Team with medium name
			    </div>
			    <div class="quiz-team-name">
			    	<span>5</span> Team with very, very, very long two-line name
			    </div>
			</div>
			<div class="large-col-6 worst-team-name">
				<div class="quiz-guide-heading quiz-guide-heading--red">
				    <h2 class="quiz-night-heading">
				        <span>WORST TEAM NAMES</span>
				    </h2>
				</div>
				<div class="quiz-team-name">
			    	<span>1</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>2</span> Team with a pretty long name
			    </div>
			    <div class="quiz-team-name">
			    	<span>3</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>4</span> Team with medium name
			    </div>
			    <div class="quiz-team-name">
			    	<span>5</span> Team with very, very, very long two-line name
			    </div>
			</div>
		</div>
	</div>
</div>	
Twig
<div class="grey-section">
	<div class="inner">
		<div class="team-name-container">
			<div class="large-col-6 best-team-name">
				<div class="quiz-guide-heading">
				    <h2 class="quiz-night-heading">
				        <span>BEST TEAM NAMES</span>
				    </h2>
				</div>
			    <div class="quiz-team-name">
			    	<span>1</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>2</span> Team with a pretty long name
			    </div>
			    <div class="quiz-team-name">
			    	<span>3</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>4</span> Team with medium name
			    </div>
			    <div class="quiz-team-name">
			    	<span>5</span> Team with very, very, very long two-line name
			    </div>
			</div>
			<div class="large-col-6 worst-team-name">
				<div class="quiz-guide-heading quiz-guide-heading--red">
				    <h2 class="quiz-night-heading">
				        <span>WORST TEAM NAMES</span>
				    </h2>
				</div>
				<div class="quiz-team-name">
			    	<span>1</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>2</span> Team with a pretty long name
			    </div>
			    <div class="quiz-team-name">
			    	<span>3</span> Team w/ short name
			    </div>
			    <div class="quiz-team-name quiz-team-name--coloured">
			    	<span>4</span> Team with medium name
			    </div>
			    <div class="quiz-team-name">
			    	<span>5</span> Team with very, very, very long two-line name
			    </div>
			</div>
		</div>
	</div>
</div>	
{}

BEST TEAM NAMES

1 Team w/ short name
2 Team with a pretty long name
3 Team w/ short name
4 Team with medium name
5 Team with very, very, very long two-line name

WORST TEAM NAMES

1 Team w/ short name
2 Team with a pretty long name
3 Team w/ short name
4 Team with medium name
5 Team with very, very, very long two-line name
Totaliser Churches {% include 'components/big-quiz/totaliser-churches' %}
#
HTML
<div class="quiz-dashboard quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">720</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="720">
					<span class="zero-counter__value">720</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

Twig
<div class="quiz-dashboard quiz-dashboard--churches quiz-dashboard--totaliser-center">
	<div class="totaliser-container">
		<div class="large-col-6">
			<div>
				<div class="totaliser-intro">Total number of churches:</div>
		<!-- 		<div class="totaliser-total">{{ total }}</div>
		 -->		<div class="zero-counter totaliser-total" data-from="0" data-to="{{ total }}">
					<span class="zero-counter__value">{{ total }}</span>
				</div>
			</div>
		</div>
		<div class="large-col-6">
			<img src="/images/mainsite5/big-quiz-night/map.png" alt="Totaliser Dinosaur" title="Totaliser Dinosaur">
		</div>
	</div>
</div>

{
    "total": "720"
}
Total number of churches:
720
Totaliser Dinosaur
Resources {% include 'components/big-quiz/resources' %}
#
HTML
<!-- <div class="big-quiz-pro-poster inner"></div>
 -->
<!--  <div class="big-quiz-home-poster inner"></div>
 -->
<!-- <div class="quiz-poster inner"></div>
 -->
<div class="grey-section clearfix">
	<div class="inner clearfix">
		<div class="large-col-10 large-offset-1 center-text">
			<h2 class="quiz-night-heading">ORDER MORE RESOURCES</h2>
			<p>Use our simple online form to order more printed resources for your Big Quiz Night:
			<br /><strong> 
A3 posters, stickers, team name cards, giving forms and T-shirts.</strong></p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/Sign_up" class="button button--bold">Order Resources</a>
		</div>
	</div>

	<div class="row">
		<div class="inner">
			<div class="quiz-guide-heading">
				<h2 class="quiz-night-heading"><span>CREATE A PROMOTIONAL FLYER</span></h2>
			</div>
			<div class="quiz-step quiz-step--white quiz-step quiz-step--white-flyer quiz-step--bottom-rounded center-text">
				<p><strong>We’ve made it really easy for you to customise your own flyer, which you can then download as a PDF ready for printing.</strong></p>


				<div class="large-col-6">
					<picture>
					    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option1.jpg, /images/mainsite5/big-quiz-night/Customisable_Flyer_Option1@2x.jpg 2x">
					            <img src="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option1.jpg" alt="Flyer">
			        </picture>
					<h3 class="quiz-night-heading">OPTION 1</h3>
					<h3 class="quiz-night-heading quiz-night-heading--turquoise">FOR PROFESSIONAL PRINTING</h3>
					<p>Our recommended option. This creates a high-quality A5 flyer ready for professional printing. You can then send the file to your local printing shop or preferred online service.</p>
					<a data-lightbox="1" class="button button--bold show-lightbox" href="#">CREATE A FLYER FOR 
PROFESSIONAL PRINTING</a>
				</div>

				<div class="large-col-6">
					<picture>
					    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option2.jpg, /images/mainsite5/big-quiz-night/Customisable_Flyer_Option2@2x.jpg 2x">
					            <img src="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option2.jpg" alt="Flyer">
			        </picture>
					<h3 class="quiz-night-heading">OPTION 1</h3>
					<h3 class="quiz-night-heading quiz-night-heading--turquoise">FOR HOME / OFFICE PRINTING</h3>
					<p>For printing on a home or office printer. This option is for churches where professional printing isn’t an option. For best results, we suggest using card rather than paper.</p>
					<a data-lightbox="2" class="button button--bold show-lightbox" href="#">CREATE A FLYER FOR 
HOME / OFFICE PRINTING</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="lightbox lightbox--full"  data-lightbox="1" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="big-quiz-pro-poster inner"></div>
	</div>		
</div>

<div class="lightbox lightbox--full"  data-lightbox="2" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="big-quiz-home-poster inner"></div>
	</div>		
</div>
Twig
<!-- <div class="big-quiz-pro-poster inner"></div>
 -->
<!--  <div class="big-quiz-home-poster inner"></div>
 -->
<!-- <div class="quiz-poster inner"></div>
 -->
<div class="grey-section clearfix">
	<div class="inner clearfix">
		<div class="large-col-10 large-offset-1 center-text">
			<h2 class="quiz-night-heading">ORDER MORE RESOURCES</h2>
			<p>Use our simple online form to order more printed resources for your Big Quiz Night:
			<br /><strong> 
A3 posters, stickers, team name cards, giving forms and T-shirts.</strong></p>
			<a href="/About_you/Fundraise/The_Big_Quiz_Night/Sign_up" class="button button--bold">Order Resources</a>
		</div>
	</div>

	<div class="row">
		<div class="inner">
			<div class="quiz-guide-heading">
				<h2 class="quiz-night-heading"><span>CREATE A PROMOTIONAL FLYER</span></h2>
			</div>
			<div class="quiz-step quiz-step--white quiz-step quiz-step--white-flyer quiz-step--bottom-rounded center-text">
				<p><strong>We’ve made it really easy for you to customise your own flyer, which you can then download as a PDF ready for printing.</strong></p>


				<div class="large-col-6">
					<picture>
					    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option1.jpg, /images/mainsite5/big-quiz-night/Customisable_Flyer_Option1@2x.jpg 2x">
					            <img src="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option1.jpg" alt="Flyer">
			        </picture>
					<h3 class="quiz-night-heading">OPTION 1</h3>
					<h3 class="quiz-night-heading quiz-night-heading--turquoise">FOR PROFESSIONAL PRINTING</h3>
					<p>Our recommended option. This creates a high-quality A5 flyer ready for professional printing. You can then send the file to your local printing shop or preferred online service.</p>
					<a data-lightbox="1" class="button button--bold show-lightbox" href="#">CREATE A FLYER FOR 
PROFESSIONAL PRINTING</a>
				</div>

				<div class="large-col-6">
					<picture>
					    <source media="(min-width: 375px)" srcset="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option2.jpg, /images/mainsite5/big-quiz-night/Customisable_Flyer_Option2@2x.jpg 2x">
					            <img src="/images/mainsite5/big-quiz-night/Customisable_Flyer_Option2.jpg" alt="Flyer">
			        </picture>
					<h3 class="quiz-night-heading">OPTION 1</h3>
					<h3 class="quiz-night-heading quiz-night-heading--turquoise">FOR HOME / OFFICE PRINTING</h3>
					<p>For printing on a home or office printer. This option is for churches where professional printing isn’t an option. For best results, we suggest using card rather than paper.</p>
					<a data-lightbox="2" class="button button--bold show-lightbox" href="#">CREATE A FLYER FOR 
HOME / OFFICE PRINTING</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="lightbox lightbox--full"  data-lightbox="1" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="big-quiz-pro-poster inner"></div>
	</div>		
</div>

<div class="lightbox lightbox--full"  data-lightbox="2" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="big-quiz-home-poster inner"></div>
	</div>		
</div>
{}

ORDER MORE RESOURCES

Use our simple online form to order more printed resources for your Big Quiz Night:

A3 posters, stickers, team name cards, giving forms and T-shirts.

Order Resources

CREATE A PROMOTIONAL FLYER

We’ve made it really easy for you to customise your own flyer, which you can then download as a PDF ready for printing.

Flyer

OPTION 1

FOR PROFESSIONAL PRINTING

Our recommended option. This creates a high-quality A5 flyer ready for professional printing. You can then send the file to your local printing shop or preferred online service.

CREATE A FLYER FOR 
PROFESSIONAL PRINTING
Flyer

OPTION 1

FOR HOME / OFFICE PRINTING

For printing on a home or office printer. This option is for churches where professional printing isn’t an option. For best results, we suggest using card rather than paper.

CREATE A FLYER FOR 
HOME / OFFICE PRINTING
Banner Dashboard {% include 'components/big-quiz/banner~dashboard' %}
#
HTML
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">dashboard</h1>
				<p>Big Quiz Dashboard</p>				<div class="quiz-night-dashboard-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

Twig
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">{{ header_name }}</h1>
				{% if subtitle %}<p>{{ subtitle }}</p>{% endif %}
				<div class="quiz-night-{{ header_name }}-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

{
    "header_name": "dashboard",
    "subtitle": "Big Quiz Dashboard"
}
7 Days 3 Hours to go until

dashboard

Big Quiz Dashboard

Banner {% include 'components/big-quiz/banner' %}
#
HTML
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">faq</h1>
								<div class="quiz-night-faq-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

Twig
<div class="big-quiz-countdown countdown">
	<div class="inner">
		<span>7 Days 3 Hours</span> to go until
	</div>
</div>	
<div class="full-banner full-banner--quiz-night full-banner--quiz-night-guide full-banner--image" data-image="/images/mainsite5/big-quiz-night/turquoise_texture.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title full-banner__title--open-sans full-banner__title--small">{{ header_name }}</h1>
				{% if subtitle %}<p>{{ subtitle }}</p>{% endif %}
				<div class="quiz-night-{{ header_name }}-header-image"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>

{
    "header_name": "faq"
}
7 Days 3 Hours to go until

faq

Page Totaliser {% include 'components/big-quiz/page-totaliser' %}
#
HTML
<div class="big-quiz-countdown">
    <div class="inner">
	Total raised so far:<span> £47014</span>
</div>
</div>
Twig
<div class="big-quiz-countdown">
    <div class="inner">
	Total raised so far:<span> £47014</span>
</div>
</div>
{}
Total raised so far: £47014