PageSourceSearch

https://www.sparklebox.co.uk/

html sparklebox.co.uk collected 2026-10-03 21:37:58 UTC 59,173 bytes, 1,528 lines download raw bytes

1<!DOCTYPE html>
2<html style="margin: 0 !important">
3<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
vendor: 1 bytes, line 3
3
4<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
4 
5<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
5
6
7<link href="http://www.sparklebox.co.uk/feed.xml" rel="alternate" type="application/rss+xml" title="Latest SparkleBox Updates" />
8
9	
9<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
9
10	
10<script>
11		 (adsbygoogle = window.adsbygoogle || []).push({
12			  google_ad_client: "ca-pub-3041606403452784",
13			  enable_page_level_ads: true
14		 });
15	</script>
15
16	
16<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
16
17	
18
19<!-- Fixed Position -->
20	 	<div class="fixedpositionadcontainer"
21style=" position: absolute; right: 10px; top: 120px; height: 600px; width: 300px;"
22>
23<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
23
24<!-- Fixed Position - Non-responsive -->
25<ins class="adsbygoogle fixedpositionad"
26     style="display: block; height: 600px; width: 300px"
27     data-ad-client="ca-pub-3041606403452784"
28     data-ad-slot="7097008196"
29     data-ad-format="auto"
30     data-full-width-responsive="true"></ins>
31</div>
32<!-- /fixedpositionadcontainer -->
33	
34<script>
35(adsbygoogle = window.adsbygoogle || []).push({});
36
37
38</script>
38
39
40			<!--
41  ~ Copyright (C) 2014-2015 Media.net Advertising FZ-LLC All Rights Reserved
42  -->
43<script type="text/javascript">
44    window._mNHandle = window._mNHandle || {};
45    window._mNHandle.queue = window._mNHandle.queue || [];
46    medianet_versionId = "3121199"; 
47</script>
vendor: 1 bytes, line 47
47
48<script src="//contextual.media.net/dmedianet.js?cid=8CU327283" async="async"></script>
48
49	 
49<script>
50let windowWidth;
51if (screen.width <= 480 ) {
52 var isMobilenotTablet = true;
53 	$(document).ready(function () {
54										var widthofgriditem = $("body").find('.grid-item-inner').width();
55	 											if (widthofgriditem == null){
56												var widthofgriditem = $("#previewimagesbox").width();
57											}
58	// 									$("#menubuttonscontainer").css({"maxWidth": "none"});
59	// 									$("#menubuttonscontainer").width(widthofgriditem);
60	// 									$("#menubutton1").width(45);
61	// 									var widthformenubutton = (widthofgriditem - 45)/3;
62	// 									$("#menubutton2").width(widthformenubutton);
63	// 									$("#menubutton3").width(widthformenubutton);
64	// 									$("#menubutton4").width(widthformenubutton);
65	 	var headerReduceStart = 45;
66	 	var lastScrollTop = 0;
67
68				$(window).on('scroll', function () {
69					var scrollTop = $(this).scrollTop();
70					var scrolling = lastScrollTop - scrollTop;
71					if (window.scrollY >= headerReduceStart )
72						{
73							var currentTop = parseInt($("#mainheader").css("top")); // cant let if negative or positive
74								currentTop--;						
75							if (scrolling > 0) {
76								if ((scrolling+currentTop)  <= (0) ) {
77									$("#mainheader").css("top",0+(scrolling/2)+currentTop);
78									$("#headerblackborder").css("top",0+(scrolling/2)+currentTop);
79								} else {
80									$("#mainheader").css("top", 0);
81									$("#headerblackborder").css("top", 0);
82								}
83							} else {
84								// console.log("going down");
85								// console.log(0+(scrolling)+currentTop);
86								if ((0+(scrolling)+currentTop)  >= (0-45) ) { //40
87									$("#mainheader").css("top",0+(scrolling/2)+currentTop); 
88									$("#headerblackborder").css("top",0+(scrolling/2)+currentTop); 								
89								} else {
90									$("#mainheader").css("top", (0-45));
91									$("#headerblackborder").css("top", (0-45));
92								}
93							} 
94					} else {
95						$("#mainheader").css("top", 0);
96						$("#headerblackborder").css("top", 0);
97					}
98			
99				lastScrollTop = scrollTop;
100			});
101	}); 
102
103} else {
104	 var isMobilenotTablet = false
105	$(document).ready(function () {
106	var	maxheaderHeight = 105;
107	var	minheaderHeight = 40;
108	var lastScrollTop = 0;
109	var headerReduceStart;
110	const Ads = $(".ad");
111	const minfromTop = maxheaderHeight;
112	const maxfromTop = 400 - maxheaderHeight;
113	var eachOffset;
114	// console.log(Ads);
115// 	$(".ad").each(function() {
116// 		eachOffset = $(this).offset().top.toFixed(2);
117
118// eachOffset = eachOffset - maxheaderHeight - 10;
119
120// 		maxheaderHeight;
121// 		if (eachOffset > minfromTop && eachOffset < maxfromTop){
122// 			return false;
123// 		}
124// 	});
125// 	eachOffset = parseInt(eachOffset);
126// 	if (eachOffset > 0){
127// 		headerReduceStart = eachOffset;
128// 	} else {
129		headerReduceStart = 111;
130//  }
131
132	let marginBottom = $("#searchlabel").css("margin-bottom");
133	let marginTop = $("#searchlabel").css("margin-top");
134	
135	//var offset = $("#menubuttonscontainer").offset();
136	 $(window).on('scroll', function () {
137		 windowWidth = $( window ).width();
138		if ((windowWidth >= 480 )) {
139
140			var scrollTop = $(this).scrollTop();
141			var scrolling = lastScrollTop - scrollTop;
142			const height = $("#mainheadercenter").height();
143			const fromTop = $("#google-search-header").css("top");
144			// console.log(window.scrollY);
145			// console.log(headerReduceStart);
146			if (window.scrollY >= headerReduceStart )
147			{
148
149				var currentTop = parseInt($("#mainheader").css("top")); // cant let if negative or positive
150					currentTop--;
151				if (scrolling > 0) {
152
153					if ((scrolling+currentTop)  <= (0) ) {
154						$("#mainheader").css("top",0+(scrolling/3)+currentTop); }
155					else {
156						$("#mainheader").css("top", 0);
157					}
158					
159				} else {
160					if ((0+(scrolling)+currentTop)  >= (0-65) ) {
161						$("#mainheader").css("top",0+(scrolling/3)+currentTop); }
162					else {
163						$("#mainheader").css("top", (0-65));
164					}
165				} 
166		} else {
167			$("#mainheader").css("top", 0);
168		}
169
170				if (scrollTop > lastScrollTop){
171			if (scrollTop > 65) {
172
173			} else {
174
175			}
176		} else {
177
178		}
179		lastScrollTop = scrollTop;
180	}
181	});
182	
183});		
184		}
185 </script>
185 <title> 1000s FREE Primary Teaching Resources & Printables - EYFS, KS1 and KS2 - SparkleBox </title> 
186	<link rel="stylesheet" href="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/main.css">
187
188
189
190<style>
191	
192	body {
193		margin: unset;
194
195	}
196	#mainheadercenter {
197		max-width: 1000px;
198		width: 100%;
199	}
200	#mainheadercentertop {
201		height: 65px;
202	}
203
204	#menubuttonscontainer {
205		position: unset;
206		margin: 0 auto;
207		width: 100%;
208		display: flex;
209		justify-content: center;
210	}
211
212	.menu__sblogo--small {
213		display: none;
214	}
215
216	#google-search-header {
217		width: 1000px;
218	}
219
220
221@media only screen and (max-width: 1000px) {
222
223	.gsc-search-button {
224		padding-right: 12px;
225	}
226
227}
228
229@media only screen and (max-width: 986px) {
230
231	
232
233	#menubutton1 {
234		order: 999;
235		flex-grow: 1;
236		border-color: #CC0000;
237	}
238
239	#menubutton8 {
240		display: none;
241	}
242
243	#menubutton1 img {
244		position: initial !important;
245		margin: 0 auto;
246	}
247	#menubutton1 p {
248		display: none;
249	}
250
251
252}
253
254
255@media only screen and (max-width: 915px) { 
256	#google-search-header {
257		width: 500px;
258	}
259	#menubutton7 {
260		display: none;
261	}
262
263}
264
265
266
267@media only screen and (max-width: 765px) { 
268	#google-search-header {
269		width: 370px;
270	}
271	#menubutton9 {
272		display: none;
273	}
274	#menubutton1 {
275
276		border-color: black;
277	}
278
279}
280
281@media only screen and (max-width: 675px) { 
282
283	#menubutton6 {
284		display: none;
285	}
286
287}
288
289
290@media only screen and (max-width: 650px) {
291	.menu__sblogo--small {
292		display: block;
293		margin: 0 15px;
294	}
295
296	#mainheadercentertop {
297		display: none;
298	}
299	#content-top {
300    margin-top: 60px !important;
301	}
302	#mainheader, #mainheadercenter {
303		height: 39px;
304	}
305	#menubutton5 {
306	display: none;
307	}
308}
309
310@media only screen and (max-width: 450px) {
311	#menubutton4 {
312		display: none;
313	}
314}
315
316@media only screen and (max-width: 350px) {
317	#menubutton3 {
318		display: none;
319	}
320}
321
322
323</style>
324<head>
325<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 325-326
325
326<script async src="https://www.googletagmanager.com/gtag/js?id=
326UA-134024-2
vendor: 12 bytes, line 326
326"></script>
327<script>
328  
vendor: 134 bytes, lines 328-332
328window.dataLayer = window.dataLayer || [];
329  function gtag(){dataLayer.push(arguments);}
330  gtag('js', new Date());
331
332  gtag('config', '
332UA-134024-2
vendor: 4 bytes, line 332
332');
333</script>
333
334<meta name="viewport" content="width=device-width, initial-scale=1.0">
335
336<meta http-equiv="Cache-control" content="public">
337<meta name="theme-color" content="#CCCCFF"> 
338
339<meta name="description" content="1000s of FREE teaching resources for Early Years and Primary School teachers.">
340	
341<script> 
342
343
344
345function UrlExists(url) {
346    var http = new XMLHttpRequest();
347    http.open('HEAD', url, false);
348    http.send();
349if (http.status == 404) {
350	  console.warn("%cSparkleBox System: " + url + "does not exist" ,"background-color: orange");
351}
352}
353
354function relatedItems(){
355$(document).ready(function(){
356	      $('#featurecontainer').on('load', function() {
357		  var count485 = 0;
358		  var relateditemsURLs = [];
359		   var relateditemsNames = [];
360$("#featurecontainer").contents().find('a').each(function() {
361	
362
363count485++;
364		relateditemsURLs[count485] = $(this).attr('href');
365		relateditemsNames[count485] = $(this).attr('href').replace(/\/$/, "");
366	relateditemsNames[count485] = relateditemsNames[count485].replace('.html','');
367		var n = relateditemsNames[count485].lastIndexOf("/");
368relateditemsNames[count485] = relateditemsNames[count485].slice(n+1);
369relateditemsNames[count485] = replaceAll(relateditemsNames[count485], "-", " ")
370relateditemsNames[count485] = toTitleCase(relateditemsNames[count485]);
371if ((relateditemsNames[count485].indexOf('creativeasin') > -1) || (relateditemsURLs[count485].indexOf('amzn') > -1)) 
372{
373 relateditemsNames.pop();
374 relateditemsURLs.pop();
375   count485--;
376
377}
378});
379fLen = relateditemsURLs.length;
380
381for (i = 1; i < fLen; i++) {
382
383var mrelatedvarURLtypeof =  "typeof mrelated" + i + "URL";
384var mrelatedvarURL =  "mrelated" + i + "URL";
385if (eval(mrelatedvarURLtypeof) != 'undefined')
386{ 
387relateditemsURLs[i] = eval(mrelatedvarURL);
388}
389var mrelatedvartitletypeof =  "typeof mrelated" + i + "title";
390var mrelatedvartitle =  "mrelated" + i + "title";
391if (eval(mrelatedvartitletypeof) != 'undefined')
392{ 
393relateditemsNames[i] = eval(mrelatedvartitle);
394
395}
396	// console.log(i);
397	//console.log(relateditemsURLs[i]);
398	//console.log(relateditemsNames[i]);
399	//console.log("%c" + relateditemsNames[i]  + "#" + relateditemsURLs[i], "font-weight: bold; background-color: Thistle");
400	//if (relateditemsURLs[i].charAt(0) != "h" ) {$( "#mrelatedJSinner" ).append( "<li> <a href=\"http://" + relateditemsURLs[i] + "\">" + relateditemsNames[i] + "</a> </li>");	}
401	//else {
402	//$( "#mrelatedJSinner" ).append( "<li> <a href=\"" + relateditemsURLs[i] + "\">" + relateditemsNames[i] + "</a> </li>");		
403	//}
404
405}		
406
407	
408//$(this).contents().find( "style" ).append('#divMain > img:first-of-type {display: none;}');
409
410  //  $(this).contents().find( "style" ).append('#divMain > img:nth-child(2) {display: none;} #divMain > img:nth-child(9) {display: none;} #divMain .OBJ-3 {display: none;} #divMain .C-4 {display: none;}  #divMain > img:nth-child(5) {display: none;} #divMain p {display: none;} #divMain > a:nth-child(8) > img {display: none;} #divMain span {display: none;} #divMain > div:nth-child(7) {display: none}');
411   }); // lightbox read
412      }); // page ready
413}; // function
414function lightbox(refID, width, height, url){
415		
416
417		var closeButton = document.getElementById("lightboxclose"); 
418		 var elem = document.getElementById("lightbox"); 	
419		  var iframe = document.getElementById("lightboxIframe"); 	
420
421		windowWidth = $( window ).width();
422		var windowHeight = $( window ).height();
423
424		$('#lightbox').show();
425			if ((windowWidth <= 480 ) && (refID == "menubutton1")) {
426			var width = 290;
427			var height = 350;
428			elem.style.borderTop = "4px solid white";
429			
430			var url = "https://www.sparklebox.co.uk/menus/2014/mobile/";
431		var isMobile = true;	
432			} 
433			
434			else if (refID == "menubutton1") {
435				elem.style.borderTop = "4px solid white";
436			}
437			
438			
439			else {
440				elem.style.borderTop = "4px solid white";
441				elem.style.borderBottom = "4px solid white";
442				elem.style.borderLeft = "4px solid white";
443				elem.style.borderRight = "4px solid white";
444			}
445			
446			
447
448		 elem.width = width + "px";
449		 elem.height = height + "px";
450		 iframe.width = width + "px";
451		 iframe.height = height + "px";
452
453
454			// var marginTop = elem.style.marginTop = 0-(height/2) + "px";
455				// var marginLeft = elem.style.marginLeft = 0-(width/2) + "px";
456
457		  
458		  if (isMobile == true) { // no animation
459			  closeButton.style.display = 'block';
460		closeButton.style.position = 'fixed';
461			elem.style.opacity = 1;
462
463		  } else {
464			pos = 0;
465		   elem.style.opacity = 0.1;
466		  var id = setInterval(frame, 1);
467
468			 // var marginTopEnd =  0-((height/2)+56);
469			  //var marginLeftEnd = 0-(width/2);
470			  //var iterations = height/5;
471			  //var iterationStepMT = (marginTopEnd - //elem.style.marginTop)/iterations;
472			  //var iterationStepML = (marginLeftEnd - //elem.style.marginLeft)/iterations;
473		  function frame() {
474			if (pos >= 1 ) {
475			  clearInterval(id);
476			  closeButton.style.display = 'block';
477		closeButton.style.position = 'fixed';
478			} else {
479				
480				
481			  pos = pos+0.05; 
482			  elem.style.opacity = pos;
483			  //elem.width = pos*(width/height) + 'px'; 
484			  //elem.height = pos + 'px'; 
485			  //elem.style.marginTop = 0-((height/2)+56)/(pos/height) + 'px';
486			 //elem.style.marginLeft = 0-(width/2)/(pos/height) + 'px';
487			  //elem.style.marginTop = elem.style.marginTop + //iterationStepMT;
488			  //elem.style.marginLeft = elem.style.marginLeft + //iterationStepML;
489			} 
490		  } // END frame function
491		  } //END if mobile
492		  
493		document.getElementById('lightboxIframe').src = url;
494		//document.getElementById('lightbox').width = width;
495		 //document.getElementById('lightbox').height = height;
496		// document.getElementById("lightbox").style.marginTop = 0-(height/2)-56;
497		 // document.getElementById("lightbox").style.marginLeft = 0-(width/2);
498		 
499		 
500		 var offset = $('#lightbox').offset();
501		 var offsetTop = offset.top;
502		  var offsetLeft = offset.left;
503 };
504
505 function toTitleCase(str)
506{
507    return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
508}
509 function replaceAll(str, find, replace) {
510  return str.replace(new RegExp(find, 'g'), replace);
511}
512
513 
514$(document).ready(function(){
515
516
517
518  $(window).scroll(function(){
519	$('#blackbackground').hide();
520	$('#lightbox').hide();
521	$('#lightboxclose').hide();   
522	})
523
524
525
526$(".lightbox").click(function(){
527	$('#blackbackground').show();
528});
529 
530 $("#blackbackground").click(function(){
531	$('#blackbackground').hide();
532	$('#lightbox').hide();
533	$('#lightboxclose').hide();
534	$('#373476408').hide();
535 });
536 
537  $("#lightboxclose").click(function(){
538	$('#blackbackground').hide();
539	$('#lightbox').hide();
540	$('#lightboxclose').hide();
541 });
542
543 
544 
545$("#suggestedresourcessbutton").mouseenter(function(){
546	document.getElementById("suggestresourceicon").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/suggest_trans.png";	
547});
548	
549$("#suggestedresourcessbutton").mouseleave(function(){
550	document.getElementById("suggestresourceicon").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/suggest.png";	
551});
552	
553	
554	
555$("#lightboxclose").mouseenter(function(){
556	document.getElementById("lightboxclose").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/lightbox_close_trans.png";	
557});
558	
559$("#lightboxclose").mouseleave(function(){
560	document.getElementById("lightboxclose").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/lightbox_close.png";	
561});
562	
563	
564	
565$("#menubutton1").mouseenter(function(){
566	document.getElementById("menubutton1image").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/hamburger_trans.jpg";	
567});
568	
569$("#menubutton1").mouseleave(function(){
570document.getElementById("menubutton1image").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/hamburger.jpg";	
571});
572	
573	if (relateditems !== undefined) {
574
575  $("#relateditemsbutton").mouseenter(function(){
576document.getElementById("relateditemicon").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/related_trans.png";	
577    });
578
579	$("#relateditemsbutton").mouseleave(function(){
580		document.getElementById("relateditemicon").src = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/related.png";	
581    });
582	}; 
583
584});
585
586</script>
586
587
588<div id="headerblackborder" class="hide-home"> </div>
589
590<div id="mainheader" class="hide-home bottomblueshort lightblue">
591
592<div id="mainheadercenter" class="bottomblueshort lightblue" >
593<div id="mainheadercentertop">
594<div id="google-search-header">
595<p id="searchlabel" class="clear"> Find Resources </p>
596	
596<script>
597  (function() { // google search
598    var cx = '016562706526168575532:6exxkhvhsqg';
599    var gcse = document.createElement('script');
600    gcse.type = 'text/javascript';
601    gcse.async = true;
602    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
603    var s = document.getElementsByTagName('script')[0];
604    s.parentNode.insertBefore(gcse, s);
605  })();
606</script>
606
607<gcse:searchbox-only></gcse:searchbox-only>
608</div>
609
610<a href="https://www.Sparklebox.co.uk">
611<img id="logo_top" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/logo_top.png">
612</a>
613</div> <!-- mainheadercentertop -->
614<div id="menubuttonscontainer">
615		<!-- <a  class="lightbox" href="http://www.sparklebox.co.uk/menus/2014/full/"> -->
616		<a href="https://www.sparklebox.co.uk/"><img class="menu__sblogo--small" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/sb_small.png"></a>
617		<div id="menubutton1" class="menubutton lightbox" onclick="lightbox(&#39;menubutton1&#39;, 1000, 410, &#39;https://www.SparkleBox.co.uk/menus/2014/full/&#39;)">
618		<img id="menubutton1image" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/hamburger.jpg">
619		<p>Menu</p>
620		<img id="menubutton1imageM" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/sb_small.png">
621		</div><!--  menubutton1 --><!--</a>-->
622		<a href="https://www.sparklebox.co.uk/literacy/"><div id="menubutton2" class="menubutton"><p>Literacy</p></div><!--  menubutton2 --></a>
623		<a href="https://www.sparklebox.co.uk/maths/"><div id="menubutton3" class="menubutton"><p>Maths</p></div><!--  menubutton3 --></a>
624		<a href="https://www.sparklebox.co.uk/topic/"><div id="menubutton4" class="menubutton"><p>Topics</p></div><!--  menubutto4 --></a>
625		<a href="https://www.sparklebox.co.uk/signs-and-labels/"><div id="menubutton5" class="menubutton"><p>Signs and Labels</p></div><!--  menubutton5 --></a>
626		<a href="https://www.sparklebox.co.uk/class-management/"><div id="menubutton6" class="menubutton"><p>Class Management</p></div><!--  menubutton6 --></a>
627		<a href="https://www.sparklebox.co.uk/special-needs/"><div id="menubutton7" class="menubutton"><p>Special Needs</p></div><!--  menubutton7 --></a>
628		<a href="https://www.sparklebox.co.uk/other/"><div id="menubutton8" class="menubutton"><p>Other</p></div><!--  menubutto8 --></a>
629		<a href="https://www.sparklebox.co.uk/popular/"><div id="menubutton9" class="menubutton"><p>Popular</p></div><!--  menubutto9 --></a>
630</div><!--  menubuttonscontainer -->
631
632</div><!--  mainheadercenter --></div><!--  mainheader -->
633<link rel='dns-prefetch' href='//s.w.org' />
634		
634<script type="text/javascript">
635			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.sparklebox.co.uk\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.28"}};
636			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
637		</script>
637
638		<style type="text/css">
639img.wp-smiley,
640img.emoji {
641	display: inline !important;
642	border: none !important;
643	box-shadow: none !important;
644	height: 1em !important;
645	width: 1em !important;
646	margin: 0 .07em !important;
647	vertical-align: -0.1em !important;
648	background: none !important;
649	padding: 0 !important;
650}
651</style>
652	<link rel='stylesheet' id='wp-block-library-css'  href='https://www.sparklebox.co.uk/wp-includes/css/dist/block-library/style.min.css?ver=5.2.28' type='text/css' media='all' />
653<link rel='https://api.w.org/' href='https://www.sparklebox.co.uk/wp-json/' />
654<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.sparklebox.co.uk/xmlrpc.php?rsd" />
655<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.sparklebox.co.uk/wp-includes/wlwmanifest.xml" /> 
656<meta name="generator" content="WordPress 5.2.28" />
657<style type="text/css">.broken_link, a.broken_link {
658	text-decoration: line-through;
659}</style> 
660</head>
661<body id="body-" class="" style="margin: 0px;"> 
662
663<div id="blackbackground"></div> <!--  for lightbox - hidden -->
664<div id="lightbox" style="">
665	<div style="position: relative">
666		<iframe id="lightboxIframe" src="about:blank"></iframe>
667		<img id="lightboxclose"  style="position: absolute; right: -20px; top: -20px" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/lightbox_close.png">
668	</div>
669</div>
670	<!--Start Cookie Script--> 
671<!-- 
671<script type="text/javascript" charset="UTF-8" src="//chs02.cookie-script.com/s/e8139f5be5cd4595ac280ed8635d2565.js"></script>
671 -->
672<!--End Cookie Script -->
673
674
675
676
677
678
679<div id="content-top" class="hide-home">
680<script>
681	  const isEmpty = value => 
682	  {
683  return value === "undefined" ||
684  	value === undefined ||
685    value === null ||
686	value === false ||
687(typeof value === 'object' && Object.keys(value).length === 0) ||
688(typeof value === 'string' && value.trim().length === 0)
689}
690	let country = false;
691	const themeFolder = "https://www.sparklebox.co.uk/wp-content/themes/sparklebox";	
692
693
694$.getJSON(themeFolder + "/json/countrycodes.json?x", (countrycodes) => {
695
696$(document).ready(() => {
697	async function getData(url = '') {
698		return fetch(url, {
699    method: 'GET', // *GET, POST, PUT, DELETE, etc.
700    mode: 'same-origin', // no-cors, *cors, same-origin
701    credentials: 'same-origin', // include, *same-origin, omit
702    headers: {
703      'Content-Type': 'application/json'
704    },
705  });
706 // return await response.json(); // parses JSON response into native JavaScript objects
707}
708
709
710
711	const getLinks = (countryCode, cb = () => {}) => {
712
713
714		if (countrycodes["links"].hasOwnProperty(countryCode)) {
715			cb(countrycodes["links"][countryCode], countryCode); // fillBanners
716		} else {
717			cb(countrycodes["links"]["default"], "default"); // fillBanners
718		}
719
720	}
721
722	const getCookie = (cname = "country") => {
723		const name = cname + "=";
724		const decodedCookie = decodeURIComponent(document.cookie);
725		const ca = decodedCookie.split(';');
726		for(let i = 0; i <ca.length; i++) {
727			let c = ca[i];
728			while (c.charAt(0) == ' ') {
729			c = c.substring(1);
730			}
731			if (c.indexOf(name) == 0) {
732			return c.substring(name.length, c.length);
733			}
734		}
735		return false;
736	}
737
738	const getCountry = (cb = () => {}) => {
739			getData('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/getCountry.php')
740		.then(res => {
741		res.text()
742		.then(res => 
743		{
744			cb(countrycodes["codes"][res]);
745			//fixme get banners + set cookie
746		}
747		)})
748
749
750	}
751
752
753	const setCookie =  (countryCode) => {
754
755		const d = new Date();
756			d.setTime(d.getTime() + (7*24*60*60*1000));
757			const expires = "expires="+ d.toUTCString();
758			document.cookie = "country" + "=" + countryCode + ";" + expires + ";path=/";
759	}
760
761	const fillBanners = (bannerLinks, countryStr) => {
762
763		bannerLinks.forEach((link, index) => { 
764			const plusIndex = index + 1;
765			const ele = document.getElementById("mainpage-banner" + plusIndex);
766			ele.src = themeFolder + "/countrybased/homepage/banners/" + countryStr + "/" + plusIndex + ".jpg?t=x";
767			ele.parentElement.setAttribute("href", link);
768			ele.style.visibility = "visible";
769		}) 
770	}
771
772
773	//fixme check for cookie using js if true get banners.
774
775	const countryCode = getCookie();
776
777
778	if (!isEmpty(countryCode)) {
779
780		getLinks(countryCode, (links, countryCode) => {
781				fillBanners(links, countryCode);
782			});
783
784	} else {
785		getCountry(
786			(countryCode) => {
787				setCookie(countryCode);
788				getLinks(countryCode, (links, countryCode) => {
789				fillBanners(links, countryCode);
790			});
791			})
792	}
793
794
795
796
797
798});
799});
800
801</script>
801
802
803  </div> <!--  content-top --> 
804  <div id="contentwidth">
805  <div  id="main-freeprimaryteaching" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/main-freeprimaryteaching.png')">
806  	<div id="adsense_topofhomepage" class="banneradmock1 clear"> 		
807	<!-- Main - Banner top -->
808			 <!--  whichAd = 2 whichAdSource = 2  --> 
809
810		<!-- adsense -->
811		
811<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
811
812		<ins class="adsbygoogle"
813			 style="display: block;
814			width: 728px;
815			margin: 0 auto;
816			height: 90px;"
817			
818			 data-ad-client="ca-pub-3041606403452784"
819			 data-ad-slot="6924453242"
820		>
821		</ins>
822		
822<script>
823		(adsbygoogle = window.adsbygoogle || []).push({});
824		</script>
824
825		
826				    </div> <!--  banneradmock -->
827	  </div> <!--  main-freeprimaryteaching --> 
828	  <div id="noheaderAd" class="banner-fullwidth ad clear" style="width: 100%; min-height: 20px; max-height: 250px; margin-bottom: 6px;">
829 <!-- Main - banner over subject   -->
830 
831 
831<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
831
832<!-- Main - Banner over subjects -->
833<ins class="adsbygoogle lightblue" style="width: 100%; min-height: 20px; max-height: 250px"
834     data-ad-client="ca-pub-3041606403452784"
835     data-ad-slot="6924453242"
836     data-ad-format="auto"></ins>
837<script>
838(adsbygoogle = window.adsbygoogle || []).push({});
839</script>
839
840    </div> <!--  banneradmock -->
841   </div> <!--  contentwidth --> 
842   <div id="contentwidth2">
843   <div id="main-topcontainer" class="container clear">
844   <div id="mobileSearch-container" class="container lightblue topblue">
845	<p><span class="grilledcheese"> Search SparkleBox... </span></p>
846			
846<script>
847	(function() { // google search
848		var cx = '016562706526168575532:6exxkhvhsqg';
849		var gcse = document.createElement('script');
850		gcse.type = 'text/javascript';
851		gcse.async = true;
852		gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
853		var s = document.getElementsByTagName('script')[0];
854		s.parentNode.insertBefore(gcse, s);
855	})();
856	</script>
856
857	<gcse:searchbox-only></gcse:searchbox-only>
858		</div> <!-- mobileSearch-container --> 
859		
860		
861     <div id="main-topcontainer-left" class="container">
862   
863    
864 
865   <div id="main-topcontainer-left-button1 " class="red-background red-background-hover  main-topcontainer-left-button">
866   		<a href="https://www.sparklebox.co.uk/literacy/">
867      <div class="main-topcontainer-left-button-container container">
868         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
869            <p> 
870               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-literacy.png">
871            </p>
872         </div> <!--  main-topcontainer-left-button-container-image --> 
873	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
874         Literacy 
875         </div>
876    </div> <!--  main-topcontainer-left-button-container --> 
877    </a>
878
879</div> <!--  main-topcontainer-left-button1 --> 
880   
881
882
883	
884	 
885 
886   <div id="main-topcontainer-left-button2 " class="pink-background pink-background-hover  main-topcontainer-left-button">
887   		<a href="https://www.sparklebox.co.uk/maths/">
888      <div class="main-topcontainer-left-button-container container">
889         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
890            <p> 
891               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-maths.png">
892            </p>
893         </div> <!--  main-topcontainer-left-button-container-image --> 
894	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
895         Maths 
896         </div>
897    </div> <!--  main-topcontainer-left-button-container --> 
898    </a>
899
900</div> <!--  main-topcontainer-left-button2 --> 
901   
902
903
904	
905	 
906 
907   <div id="main-topcontainer-left-button3 " class="orange-background orange-background-hover  main-topcontainer-left-button">
908   		<a href="https://www.sparklebox.co.uk/topic/">
909      <div class="main-topcontainer-left-button-container container">
910         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
911            <p> 
912               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-topics.png">
913            </p>
914         </div> <!--  main-topcontainer-left-button-container-image --> 
915	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
916         Topics 
917         </div>
918    </div> <!--  main-topcontainer-left-button-container --> 
919    </a>
920
921</div> <!--  main-topcontainer-left-button3 --> 
922   
923
924
925	
926	 
927 
928   <div id="main-topcontainer-left-button4 " class="green-background green-background-hover  main-topcontainer-left-button">
929   		<a href="https://www.sparklebox.co.uk/signs-and-labels/">
930      <div class="main-topcontainer-left-button-container container">
931         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
932            <p> 
933               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-signs.png">
934            </p>
935         </div> <!--  main-topcontainer-left-button-container-image --> 
936	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
937         Signs and Labels 
938         </div>
939    </div> <!--  main-topcontainer-left-button-container --> 
940    </a>
941
942</div> <!--  main-topcontainer-left-button4 --> 
943   
944
945
946	
947	 
948 
949   <div id="main-topcontainer-left-button5 " class="lightblue-background lightblue-background-hover  main-topcontainer-left-button">
950   		<a href="https://www.sparklebox.co.uk/class-management/">
951      <div class="main-topcontainer-left-button-container container">
952         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
953            <p> 
954               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-class.png">
955            </p>
956         </div> <!--  main-topcontainer-left-button-container-image --> 
957	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
958         Class Management 
959         </div>
960    </div> <!--  main-topcontainer-left-button-container --> 
961    </a>
962
963</div> <!--  main-topcontainer-left-button5 --> 
964   
965
966
967	
968	 
969 
970   <div id="main-topcontainer-left-button6 " class="purple-background purple-background-hover  main-topcontainer-left-button">
971   		<a href="https://www.sparklebox.co.uk/special-needs/">
972      <div class="main-topcontainer-left-button-container container">
973         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
974            <p> 
975               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-special.png">
976            </p>
977         </div> <!--  main-topcontainer-left-button-container-image --> 
978	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
979         Special Needs & ESL 
980         </div>
981    </div> <!--  main-topcontainer-left-button-container --> 
982    </a>
983
984</div> <!--  main-topcontainer-left-button6 --> 
985   
986
987
988	
989	 
990 
991   <div id="main-topcontainer-left-button7 " class="darkblue-background darkblue-background-hover  main-topcontainer-left-button">
992   		<a href="https://www.sparklebox.co.uk/other/">
993      <div class="main-topcontainer-left-button-container container">
994         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
995            <p> 
996               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-other.png">
997            </p>
998         </div> <!--  main-topcontainer-left-button-container-image --> 
999	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
1000         Other Resources 
1001         </div>
1002    </div> <!--  main-topcontainer-left-button-container --> 
1003    </a>
1004
1005</div> <!--  main-topcontainer-left-button7 --> 
1006   
1007
1008
1009	
1010	 
1011 
1012   <div id="main-topcontainer-left-button8 " class="black-background black-background-hover  main-topcontainer-left-button">
1013   		<a href="https://www.sparklebox.co.uk/popular/">
1014      <div class="main-topcontainer-left-button-container container">
1015         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
1016            <p> 
1017               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-new.png">
1018            </p>
1019         </div> <!--  main-topcontainer-left-button-container-image --> 
1020	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
1021         New and Popular 
1022         </div>
1023    </div> <!--  main-topcontainer-left-button-container --> 
1024    </a>
1025
1026</div> <!--  main-topcontainer-left-button8 --> 
1027   
1028
1029
1030	
1031	 
1032 
1033   <div id="main-topcontainer-left-button9 " class="yellow-background yellow-background-hover  main-topcontainer-left-button">
1034   		<a href="https://www.sparklebox.co.uk/gallery/">
1035      <div class="main-topcontainer-left-button-container container">
1036         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
1037            <p> 
1038               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-photo.png">
1039            </p>
1040         </div> <!--  main-topcontainer-left-button-container-image --> 
1041	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
1042         Photo Gallery 
1043         </div>
1044    </div> <!--  main-topcontainer-left-button-container --> 
1045    </a>
1046
1047</div> <!--  main-topcontainer-left-button9 --> 
1048   
1049
1050
1051	
1052	 
1053 
1054   <div id="main-topcontainer-left-button10 " class="brown-background brown-background-hover  main-topcontainer-left-button">
1055   		<a href="https://www.sparklebox.co.uk/books/">
1056      <div class="main-topcontainer-left-button-container container">
1057         <div class="main-topcontainer-left-button-container-image floatLeft2 container">
1058            <p> 
1059               <img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/menu-books.png">
1060            </p>
1061         </div> <!--  main-topcontainer-left-button-container-image --> 
1062	     <div class="main-topcontainer-left-button-container-text floatRight container">	 
1063         Books 
1064         </div>
1065    </div> <!--  main-topcontainer-left-button-container --> 
1066    </a>
1067
1068</div> <!--  main-topcontainer-left-button10 --> 
1069   
1070
1071
1072	
1073	 	
1074
1075	</div> <!--  main-topcontainer-left --> 
1076<style>
1077.mainpage-banner :not(#mainpage-banner5) {
1078    visibility: hidden;
1079}
1080
1081</style>
1082<div id="main-topcontainer-right" class="container"><a href=""><img id="mainpage-banner1" class="mainpage-banner" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/loadingBanner.gif"></a><a href=""><img id="mainpage-banner2" class="mainpage-banner" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/loadingBanner.gif"></a><a href=""><img id="mainpage-banner3" class="mainpage-banner" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/loadingBanner.gif"></a><a href=""><img id="mainpage-banner4" class="mainpage-banner" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/loadingBanner.gif"></a><a href="https://www.sparklebox.co.uk/signs-and-labels/classroom-labels/name-labels/"><img id="mainpage-banner5" class="mainpage-banner" src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/banner5.jpg"></a>
1083</div> <!--  main-topcontainer-right --> <div id="main-topcontainer-staticlinks" class="container">
1084		 
1085		     	
1086	<div id="main-topcontainer-staticlinks-left-button1" class="main-topcontainer-staticlinks-left-button">
1087	<a href="https://www.sparklebox.co.uk/parents/">
1088<div class="CSSTable" style="width: 75% !important; margin: 0 auto;"><p><span>Resources for Parents</span></p></div><!--CSStable--></a></div><!--main-topcontainer-staticlinks-left-button-->	
1089	<div id="main-topcontainer-staticlinks-left-button2" class="main-topcontainer-staticlinks-left-button">
1090	<a href="https://www.sparklebox.co.uk/languages/">
1091<div class="CSSTable" style="width: 75% !important; margin: 0 auto;"><p><span>Languages (Translated Resources)</span></p></div><!--CSStable--></a></div><!--main-topcontainer-staticlinks-left-button-->	
1092	<div id="main-topcontainer-staticlinks-left-button3" class="main-topcontainer-staticlinks-left-button">
1093	<a href="https://www.sparklebox.co.uk/cdroms/">
1094<div class="CSSTable" style="width: 75% !important; margin: 0 auto;"><p><span>Resources on DVD-ROM</span></p></div><!--CSStable--></a></div><!--main-topcontainer-staticlinks-left-button-->	<div id="main-topcontainer-staticlinks-right-button1" class="main-topcontainer-staticlinks-right-button">
1095	<a href="https://www.sparklebox.co.uk/faq/">
1096
1097		<div class="CSSTable" style="width: 75% !important; margin: 0 auto;">
1098			<p>
1099				<span>FAQ and Help</span>
1100			</p>
1101		</div><!--  CSStable -->
1102		</a>
1103		</div> <!--  main-topcontainer-staticlinks-right-button1 -->
1104		
1105		
1106		<div id="main-topcontainer-staticlinks-right-button2" class="main-topcontainer-staticlinks-right-button"> 
1107		<a href="https://www.sparklebox.co.uk/about/">
1108			<div class="CSSTable" style="width: 75% !important;margin: 0 auto;">
1109			<p>
1110				<span>About SparkleBox</span>
1111			</p></div> <!--  CSStable --> 
1112		</a>
1113		</div><!--  main-topcontainer-staticlinks-right-button2 -->
1114	
1115	
1116	</div><!--  main-topcontainer-staticlinks -->  </div> <!--  main-topcontainer --> 	
1117	<div id="adsense_94" class="banner-fullwidth ad clear" style=" margin-bottom: 20px;"> <!-- first long banner -->
1118 <!-- Main - banner over subject   -->
1119 
1120 
1120<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1120
1121<!-- Main - Banner over subjects -->
1122<ins class="adsbygoogle"
1123     data-ad-client="ca-pub-3041606403452784"
1124     data-ad-slot="6924453242"
1125     data-ad-format="auto"></ins>
1126<script>
1127(adsbygoogle = window.adsbygoogle || []).push({});
1128</script>
1128
1129    </div> <!--  banneradmock -->
1130 <div id="main-middlecontainer" class="container clear">
1131  <div id="main-middlecontainer-left" class="container">
1132    <div id="main-middlecontainer-left-titlebox" class="container lightblue topblue">
1133   <span class="grilledcheese"> Subjects </span>
1134   </div> <!--  main-middlecontainer-left-titlebox -->
1135     		   <div id="main-middlecontainer-left-subjectcontainer1" class="main-middlecontainer-left-subjectcontainer container clearfix
1136		  ">
1137			<a href="https://www.sparklebox.co.uk/literacy/">
1138	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-literacy.png');  height: 77px;
1139		width: 77px; display: inline-block">
1140	<div class="overlay">
1141		   </div> <!--  overlay -->
1142		   </div>
1143			<div style="display: inline-block; height: 100%; min-height:77px;">
1144		   <div class="CSSTable" style="height: 77px;">
1145		   <span>Literacy</span></div></div></a>
1146			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1147			  		   <div id="main-middlecontainer-left-subjectcontainer2" class="main-middlecontainer-left-subjectcontainer container clearfix
1148		   floatRight">
1149			<a href="https://www.sparklebox.co.uk/maths/">
1150	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-maths.png');  height: 77px;
1151		width: 77px; display: inline-block">
1152	<div class="overlay">
1153		   </div> <!--  overlay -->
1154		   </div>
1155			<div style="display: inline-block; height: 100%; min-height:77px;">
1156		   <div class="CSSTable" style="height: 77px;">
1157		   <span>Maths</span></div></div></a>
1158			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1159			  		   <div id="main-middlecontainer-left-subjectcontainer3" class="main-middlecontainer-left-subjectcontainer container clearfix
1160		  ">
1161			<a href="https://www.sparklebox.co.uk/topic/science/">
1162	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-science.png');  height: 77px;
1163		width: 77px; display: inline-block">
1164	<div class="overlay">
1165		   </div> <!--  overlay -->
1166		   </div>
1167			<div style="display: inline-block; height: 100%; min-height:77px;">
1168		   <div class="CSSTable" style="height: 77px;">
1169		   <span>Science</span></div></div></a>
1170			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1171			  		   <div id="main-middlecontainer-left-subjectcontainer4" class="main-middlecontainer-left-subjectcontainer container clearfix
1172		   floatRight">
1173			<a href="https://www.sparklebox.co.uk/topic/computers-technology/ict.html">
1174	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-ict.png');  height: 77px;
1175		width: 77px; display: inline-block">
1176	<div class="overlay">
1177		   </div> <!--  overlay -->
1178		   </div>
1179			<div style="display: inline-block; height: 100%; min-height:77px;">
1180		   <div class="CSSTable" style="height: 77px;">
1181		   <span>ICT</span></div></div></a>
1182			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1183			  		   <div id="main-middlecontainer-left-subjectcontainer5" class="main-middlecontainer-left-subjectcontainer container clearfix
1184		  ">
1185			<a href="https://www.sparklebox.co.uk/topic/geography/">
1186	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-geography.png');  height: 77px;
1187		width: 77px; display: inline-block">
1188	<div class="overlay">
1189		   </div> <!--  overlay -->
1190		   </div>
1191			<div style="display: inline-block; height: 100%; min-height:77px;">
1192		   <div class="CSSTable" style="height: 77px;">
1193		   <span>Geography</span></div></div></a>
1194			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1195			  		   <div id="main-middlecontainer-left-subjectcontainer6" class="main-middlecontainer-left-subjectcontainer container clearfix
1196		   floatRight">
1197			<a href="https://www.sparklebox.co.uk/topic/past/">
1198	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-history.png');  height: 77px;
1199		width: 77px; display: inline-block">
1200	<div class="overlay">
1201		   </div> <!--  overlay -->
1202		   </div>
1203			<div style="display: inline-block; height: 100%; min-height:77px;">
1204		   <div class="CSSTable" style="height: 77px;">
1205		   <span>History</span></div></div></a>
1206			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1207			  		   <div id="main-middlecontainer-left-subjectcontainer7" class="main-middlecontainer-left-subjectcontainer container clearfix
1208		  ">
1209			<a href="https://www.sparklebox.co.uk/topic/dt/">
1210	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-d&t.png');  height: 77px;
1211		width: 77px; display: inline-block">
1212	<div class="overlay">
1213		   </div> <!--  overlay -->
1214		   </div>
1215			<div style="display: inline-block; height: 100%; min-height:77px;">
1216		   <div class="CSSTable" style="height: 77px;">
1217		   <span>D&T</span></div></div></a>
1218			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1219			  		   <div id="main-middlecontainer-left-subjectcontainer8" class="main-middlecontainer-left-subjectcontainer container clearfix
1220		   floatRight">
1221			<a href="https://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/">
1222	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-re.png');  height: 77px;
1223		width: 77px; display: inline-block">
1224	<div class="overlay">
1225		   </div> <!--  overlay -->
1226		   </div>
1227			<div style="display: inline-block; height: 100%; min-height:77px;">
1228		   <div class="CSSTable" style="height: 77px;">
1229		   <span>RE</span></div></div></a>
1230			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1231			  		   <div id="main-middlecontainer-left-subjectcontainer9" class="main-middlecontainer-left-subjectcontainer container clearfix
1232		  ">
1233			<a href="https://www.sparklebox.co.uk/topic/creative-arts/art-and-design/art.html">
1234	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-art.png');  height: 77px;
1235		width: 77px; display: inline-block">
1236	<div class="overlay">
1237		   </div> <!--  overlay -->
1238		   </div>
1239			<div style="display: inline-block; height: 100%; min-height:77px;">
1240		   <div class="CSSTable" style="height: 77px;">
1241		   <span>Art</span></div></div></a>
1242			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1243			  		   <div id="main-middlecontainer-left-subjectcontainer10" class="main-middlecontainer-left-subjectcontainer container clearfix
1244		   floatRight">
1245			<a href="https://www.sparklebox.co.uk/topic/creative-arts/music/">
1246	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-music.png');  height: 77px;
1247		width: 77px; display: inline-block">
1248	<div class="overlay">
1249		   </div> <!--  overlay -->
1250		   </div>
1251			<div style="display: inline-block; height: 100%; min-height:77px;">
1252		   <div class="CSSTable" style="height: 77px;">
1253		   <span>Music</span></div></div></a>
1254			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1255			  		   <div id="main-middlecontainer-left-subjectcontainer11" class="main-middlecontainer-left-subjectcontainer container clearfix
1256		  ">
1257			<a href="https://www.sparklebox.co.uk/topic/pe/">
1258	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-pe.png');  height: 77px;
1259		width: 77px; display: inline-block">
1260	<div class="overlay">
1261		   </div> <!--  overlay -->
1262		   </div>
1263			<div style="display: inline-block; height: 100%; min-height:77px;">
1264		   <div class="CSSTable" style="height: 77px;">
1265		   <span>PE</span></div></div></a>
1266			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1267			  		   <div id="main-middlecontainer-left-subjectcontainer12" class="main-middlecontainer-left-subjectcontainer container clearfix
1268		   floatRight">
1269			<a href="https://www.sparklebox.co.uk/topic/pshe/">
1270	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-pshe.png');  height: 77px;
1271		width: 77px; display: inline-block">
1272	<div class="overlay">
1273		   </div> <!--  overlay -->
1274		   </div>
1275			<div style="display: inline-block; height: 100%; min-height:77px;">
1276		   <div class="CSSTable" style="height: 77px;">
1277		   <span>PSHE</span></div></div></a>
1278			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1279			  		   <div id="main-middlecontainer-left-subjectcontainer13" class="main-middlecontainer-left-subjectcontainer container clearfix
1280		  ">
1281			<a href="https://www.sparklebox.co.uk/topic/languages/">
1282	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-mfl.png');  height: 77px;
1283		width: 77px; display: inline-block">
1284	<div class="overlay">
1285		   </div> <!--  overlay -->
1286		   </div>
1287			<div style="display: inline-block; height: 100%; min-height:77px;">
1288		   <div class="CSSTable" style="height: 77px;">
1289		   <span>MFL</span></div></div></a>
1290			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1291			  		   <div id="main-middlecontainer-left-subjectcontainer14" class="main-middlecontainer-left-subjectcontainer container clearfix
1292		   floatRight">
1293			<a href="https://www.sparklebox.co.uk/topic/creative-arts/dance/">
1294	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-dance.png');  height: 77px;
1295		width: 77px; display: inline-block">
1296	<div class="overlay">
1297		   </div> <!--  overlay -->
1298		   </div>
1299			<div style="display: inline-block; height: 100%; min-height:77px;">
1300		   <div class="CSSTable" style="height: 77px;">
1301		   <span>Dance</span></div></div></a>
1302			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1303			  		   <div id="main-middlecontainer-left-subjectcontainer15" class="main-middlecontainer-left-subjectcontainer container clearfix
1304		  ">
1305			<a href="https://www.sparklebox.co.uk/topic/creative-arts/drama/">
1306	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-drama.png');  height: 77px;
1307		width: 77px; display: inline-block">
1308	<div class="overlay">
1309		   </div> <!--  overlay -->
1310		   </div>
1311			<div style="display: inline-block; height: 100%; min-height:77px;">
1312		   <div class="CSSTable" style="height: 77px;">
1313		   <span>Drama</span></div></div></a>
1314			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1315			  		   <div id="main-middlecontainer-left-subjectcontainer16" class="main-middlecontainer-left-subjectcontainer container clearfix
1316		   floatRight">
1317			<a href="https://www.sparklebox.co.uk/topic/hsie/">
1318	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-hsie.png');  height: 77px;
1319		width: 77px; display: inline-block">
1320	<div class="overlay">
1321		   </div> <!--  overlay -->
1322		   </div>
1323			<div style="display: inline-block; height: 100%; min-height:77px;">
1324		   <div class="CSSTable" style="height: 77px;">
1325		   <span>HSIE (Australia)</span></div></div></a>
1326			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1327			  		   <div id="main-middlecontainer-left-subjectcontainer17" class="main-middlecontainer-left-subjectcontainer container clearfix
1328		  ">
1329			<a href="https://www.sparklebox.co.uk/topic/pdhpe/">
1330	<div class="image" style="background: url('https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/home/icon-pdhpe.png');  height: 77px;
1331		width: 77px; display: inline-block">
1332	<div class="overlay">
1333		   </div> <!--  overlay -->
1334		   </div>
1335			<div style="display: inline-block; height: 100%; min-height:77px;">
1336		   <div class="CSSTable" style="height: 77px;">
1337		   <span>PDHPE (Australia)</span></div></div></a>
1338			  </div> <!--  main-middlecontainer-left-subjectcontainer -->
1339			     </div> <!--  main-middlecontainer-left -->
1340      <div id="main-middlecontainer-right" class="container">
1341<div id="main-middlecontainer-right-titlebox" class="container lightblue topblue">
1342      <span class="grilledcheese"> Featured Resources </span>
1343
1344   </div> <!--  main-middlecontainer-right-titlebox -->
1345	    <article class="show grid-item">
1346   <div class="grid-item-inner grid-item-inner-post">  
1347    <!--  <article class="grid-item <?php// echo $loadfromStart?>">
1348   <div class="grid-item-inner grid-item-inner-post"> -->
1349 
1350    
1351  
1352<a href="https://www.sparklebox.co.uk/previews/sb12011-giant-human-body-outlines-for-display/">
1353<div class="grid-item-inner-container 
1354">
1355<div class="previewanddownload-container">
1356   
1357<img class="grid-thumb" src="https://www.sparklebox.co.uk/wp-content/uploads/1-251-listing.jpg"> 
1358<img class="previewanddownload"
1359
1360
1361 src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/previewanddownload.png"> 
1362  </div>  <!-- previewanddownload-container -->
1363
1364
1365</a>
1366
1367<a href="https://www.sparklebox.co.uk/previews/sb12011-giant-human-body-outlines-for-display/"> <span>Giant Human Body Outlines for Display (SB12011)</span></a>
1368
1369<p> Large printable generic human bodies that print over 4 landscape A4 pages.</p>
1370   </div>   <!-- grid-item-inner-container -->
1371 </div>  <!-- grid-item-inner -->
1372 </article>  <!-- grid-item -->
1373 <article class="show grid-item">
1374   <div class="grid-item-inner grid-item-inner-post">  
1375    <!--  <article class="grid-item <?php// echo $loadfromStart?>">
1376   <div class="grid-item-inner grid-item-inner-post"> -->
1377 
1378    
1379  
1380<a href="https://www.sparklebox.co.uk/previews/8201-8225/sb8224-how-to-draw-a-car-instructions.html">
1381<div class="grid-item-inner-container 
1382">
1383<div class="previewanddownload-container">
1384   
1385<img class="grid-thumb" src="https://www.sparklebox.co.uk/wp-content/uploads/1-1551-listing.jpg"> 
1386<img class="previewanddownload"
1387
1388
1389 src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/previewanddownload.png"> 
1390  </div>  <!-- previewanddownload-container -->
1391
1392
1393</a>
1394
1395<a href="https://www.sparklebox.co.uk/previews/8201-8225/sb8224-how-to-draw-a-car-instructions.html"> <span>How to Draw a Car Instructions Sheet (SB08224)</span></a>
1396
1397<p> A simple desktop prompt sheet showing step-by-step how to draw a car.</p>
1398   </div>   <!-- grid-item-inner-container -->
1399 </div>  <!-- grid-item-inner -->
1400 </article>  <!-- grid-item -->
1401 </div> <!--  main-middlecontainer-right -->
1402 </div> <!--  main-middlecontainer --> 
1403     <div id="main-lastcontainer" class="container clear" style="
1404	 ">
1405  
1406  	      <div id="main-lastcontainer-titlebox" class="container lightblue topblue">
1407        	  <span id="upcomingtitlehomepage-mobile" class="
1408 grilledcheese"> 
1409	  Resources for Upcoming Events	  </span>
1410	  
1411   </div> <!--  main-middlecontainer-right-titlebox -->
1412 
1413	  <p class="upcomingEvent clear">
1414  <a class="" href="http://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/fireworks-night.html">
1415  Bonfire Night </a>  - Thursday, 5th November</p>
1416</br>
1417      
1418	  <p class="upcomingEvent clear">
1419  <a class="" href="http://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/diwali.html">
1420  Diwali </a>  - Saturday, 7th November</p>
1421</br>
1422      
1423	  <p class="upcomingEvent clear">
1424  <a class="" href="http://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/poppy.html">
1425  Remembrance Day </a>  - Wednesday, 11th November</p>
1426</br>
1427      
1428	  <p class="upcomingEvent clear">
1429  <a class="" href="http://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/st-andrews-day.html">
1430  St Andrew's Day </a>  - Monday, 30th November</p>
1431</br>
1432      
1433	  <p class="upcomingEvent clear">
1434  <a class="" href="http://www.sparklebox.co.uk/topic/faiths-festivals-celebrations/christmas/">
1435  Christmas Day </a>  - Friday, 25th December</p>
1436</br>
1437        </div> <!--  main-lastcontainer -->    </div> <!--  Main - Banner bottom --> 
1438   <div id="adsense_95" class="banner-fullwidth ad clear"  style="margin-bottom: 20px;">
1439
1440<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1440
1441<ins class="adsbygoogle"
1442     data-ad-client="ca-pub-7579869992587715"
1443     data-ad-slot="5477052881"
1444     data-ad-format="auto"></ins>
1445<script>
1446(adsbygoogle = window.adsbygoogle || []).push({});
1447</script>
1447
1448 
1449    </div> 
1450<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1450
1451<ins class="adsbygoogle bottom-native"
1452    style="display:block; margin:15px auto 15px auto; max-width:988px; min-height: 1px;"
1453    data-ad-format="autorelaxed"
1454    data-ad-client="ca-pub-3041606403452784"
1455    data-ad-slot="3981701647"></ins>
1456<script>
1457    (adsbygoogle = window.adsbygoogle || []).push({});
1458
1459		$(".grid-item").mouseenter(function(){
1460			$(this).find(".previewanddownload").show();
1461
1462 });
1463 		$(".grid-item").mouseleave(function(){
1464			$(this).find(".previewanddownload").hide();
1465
1466 });
1467</script>
1467
1468
1469 </div> <!--  contentwidth2 --> 
1470 <iframe id="lightbox" src="about:blank"></iframe> 
1471
1472  <style>
1473@media only screen and (max-width: 1000px) {
1474	#preview-footer {
1475		display: none;
1476	}
1477}
1478</style>
1479
1480
1481<div style="width: 100%;" class="lightblue clear"> </div>
1482<div id="preview-footer" class="lightblue clear">
1483<div id="footer-main"> 
1484<div id="footer-left">
1485<a href="https://www.sparklebox.co.uk">
1486<img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/logo_top.png"></a>
1487<p>© Copyright SparkleBox Teacher Resources (UK) Ltd. <span>&nbsp;<a href="https://www.sparklebox.co.uk/about/" class="C-10">About Us</a> | <a href="https://www.sparklebox.co.uk/about/terms.html" class="C-10">Terms and Conditions of Use</a> | <a href="https://www.sparklebox.co.uk/copyright/" class="C-10">Copyright</a> | <a href="https://www.sparklebox.co.uk/about/privacy.html" class="C-10">Privacy Policy</a> | <a href="https://www.sparklebox.co.uk/about/cookie-policy.html" class="C-10">Cookie Policy</a> | <a href="https://www.sparklebox.co.uk/faq/" class="C-10">FAQ</a></span></p>
1488
1489
1490	<!-- AddThis Button BEGIN -->
1491	<span id="footer-left-addthislabel"> Follow Us: </span>
1492 <div id="footer-left-addthis">
1493<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
1494<a class="addthis_button_twitter_follow" addthis:userid="sparklebox"></a>
1495<a class="addthis_button_google_follow" addthis:userid="105965356921869447283"></a>
1496<a class="addthis_button_pinterest_follow" addthis:userid="sparkleboxtr"></a>
1497<a class="addthis_button_rss_follow" addthis:url="https://feeds.feedburner.com/co/djxf"></a> 
1498
1499</div> <!-- class = addthis_toolbox  -->
1500</div> <!--  footer-left-addthis -->
1501</div> <!--  footer-left -->
1502<div id="footer-right">
1503<a href="https://www.sparklebox.co.uk">
1504<img src="https://www.sparklebox.co.uk/wp-content/themes/sparklebox/images/bump_yellow.png"> 
1505</a>
1506
1507</div> <!--  div id="footer-right -->
1508</div> <!--  footer-main -->
1509
1510</div> <!--  site-footer  -->
1511<script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=sparklebox"></script>
1511 
1512<script type="text/javascript">
1513var addthis_config = {
1514          services_exclude: 'print',
1515		  data_track_clickback: false,
1516        //    "data_track_addressbar":true,
1517          data_ga_property: 'UA-134024-2',
1518          ui_cobrand: "SparkleBox"
1519} 
1520</script>
1520 
1521</body>
1522</html>
1523
1524
1525<!-- Dynamic page generated in 0.295 seconds. -->
1526<!-- Cached page generated by WP-Super-Cache on 2026-10-03 20:20:54 -->
1527
1528<!-- Compression = gzip -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.