Skip to content

Instantly share code, notes, and snippets.

@Spesm

Spesm/sinterklaas.html

Created December 6, 2018 18:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Spesm/d89748700722ef44eb31093432eeabde to your computer and use it in GitHub Desktop.
Save Spesm/d89748700722ef44eb31093432eeabde to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sinterklaas.html
<!DOCTYPE html>
<html lang="en">
<!-- Head of document -->
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page title -->
<title>Surprise voor Greet</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<!-- Web fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide|Righteous|Source+Code+Pro">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oleo+Script">
<!-- Custom styles CSS -->
<link rel="stylesheet" href="css/sinterklaas.css">
</head>
<!-- End of head -->
<!-- Body of document -->
<body>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<h1>Pakjesavond 2018</h1>
</div>
<div class="col-xl-4">
<form class="verse-lines">
<input type="number" min="1" max="16" class="line-number" id="ln1"><p class="line" id="line1">Vrijwillig voor de boerderij</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln2"><p class="line" id="line2">Alwaar hij Greet plezier mee doet</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln3"><p class="line" id="line3">Aan reizen nu vaak toegewijd</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln4"><p class="line" id="line4">En komend jaar misschien wel twee</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln5"><p class="line" id="line5">Ze is geen juf meer, maar wel oma</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln6"><p class="line" id="line6">Als hij tenminste zwart mag zijn</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln7"><p class="line" id="line7">Die lieve Fenna, wat een pracht</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln8"><p class="line" id="line8">Blijf jij je onderscheiden</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln9"><p class="line" id="line9">Racisme vindt de Sint niet fijn</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln10"><p class="line" id="line10">Begaan met kinderen als altijd</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln11"><p class="line" id="line11">Van jou wordt Sint ontzettend blij</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln12"><p class="line" id="line12">Zo’n leuke meid als nageslacht</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln13"><p class="line" id="line13">Zwarte Piet wist niet zo goed</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln14"><p class="line" id="line14">Dat lijkt een axioma</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln15"><p class="line" id="line15">Een kleindochter bracht Mirja mee</p><br>
<input type="number" min="1" max="16" class="line-number" id="ln16"><p class="line" id="line16">Liefste mam van alle tijden</p><br>
</form>
</div>
<div class="col-xl-8">
<div class="puzzle-container">
<!-- Verse line 1 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf1-1"></div>
<div class="grid-item" id="vf1-2"></div>
<div class="grid-item" id="vf1-3"></div>
<div class="grid-item" id="vf1-4"></div>
<div class="grid-item" id="vf1-5"></div>
<div class="grid-item" id="vf1-6"></div>
<div class="grid-item" id="vf1-7"></div>
<div class="grid-item" id="vf1-8"></div>
<div class="grid-item" id="vf1-9"></div>
<div class="grid-item" id="vf1-10"></div>
<div class="grid-item" id="vf1-11"></div>
<div class="grid-item" id="vf1-12"></div>
<div class="grid-item" id="vf1-13"></div>
<div class="grid-item" id="vf1-14"></div>
<div class="grid-item-border" id="vf1-15"></div>
<div class="grid-item" id="vf1-16"></div>
<div class="grid-item" id="vf1-17"></div>
<div class="grid-item" id="vf1-18"></div>
<div class="grid-item" id="vf1-19"></div>
<div class="grid-item" id="vf1-20"></div>
<div class="grid-item" id="vf1-21"></div>
<div class="grid-item" id="vf1-22"></div>
<div class="grid-item" id="vf1-23"></div>
<div class="grid-item" id="vf1-24"></div>
<div class="grid-item" id="vf1-25"></div>
<div class="grid-item" id="vf1-26"></div>
<div class="grid-item" id="vf1-27"></div>
<div class="grid-item" id="vf1-28"></div>
<div class="grid-item" id="vf1-29"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 2 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf2-1"></div>
<div class="grid-item" id="vf2-2"></div>
<div class="grid-item" id="vf2-3"></div>
<div class="grid-item" id="vf2-4"></div>
<div class="grid-item" id="vf2-5"></div>
<div class="grid-item" id="vf2-6"></div>
<div class="grid-item" id="vf2-7"></div>
<div class="grid-item" id="vf2-8"></div>
<div class="grid-item" id="vf2-9"></div>
<div class="grid-item" id="vf2-10"></div>
<div class="grid-item" id="vf2-11"></div>
<div class="grid-item" id="vf2-12"></div>
<div class="grid-item-border" id="vf2-13"></div>
<div class="grid-item" id="vf2-14"></div>
<div class="grid-item" id="vf2-15"></div>
<div class="grid-item" id="vf2-16"></div>
<div class="grid-item" id="vf2-17"></div>
<div class="grid-item" id="vf2-18"></div>
<div class="grid-item" id="vf2-19"></div>
<div class="grid-item" id="vf2-20"></div>
<div class="grid-item" id="vf2-21"></div>
<div class="grid-item" id="vf2-22"></div>
<div class="grid-item" id="vf2-23"></div>
<div class="grid-item" id="vf2-24"></div>
<div class="grid-item" id="vf2-25"></div>
<div class="grid-item" id="vf2-26"></div>
<div class="grid-item" id="vf2-27"></div>
<div class="grid-item" id="vf2-28"></div>
<div class="grid-item" id="vf2-29"></div>
<div class="grid-item" id="vf2-30"></div>
<div class="grid-item" id="vf2-31"></div>
<div class="grid-item" id="vf2-32"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 3 -->
<div class="grid-item" id="vf3-1"></div>
<div class="grid-item" id="vf3-2"></div>
<div class="grid-item" id="vf3-3"></div>
<div class="grid-item" id="vf3-4"></div>
<div class="grid-item" id="vf3-5"></div>
<div class="grid-item" id="vf3-6"></div>
<div class="grid-item" id="vf3-7"></div>
<div class="grid-item" id="vf3-8"></div>
<div class="grid-item" id="vf3-9"></div>
<div class="grid-item" id="vf3-10"></div>
<div class="grid-item" id="vf3-11"></div>
<div class="grid-item" id="vf3-12"></div>
<div class="grid-item" id="vf3-13"></div>
<div class="grid-item" id="vf3-14"></div>
<div class="grid-item" id="vf3-15"></div>
<div class="grid-item" id="vf3-16"></div>
<div class="grid-item" id="vf3-17"></div>
<div class="grid-item" id="vf3-18"></div>
<div class="grid-item" id="vf3-19"></div>
<div class="grid-item-border" id="vf3-20"></div>
<div class="grid-item" id="vf3-21"></div>
<div class="grid-item" id="vf3-22"></div>
<div class="grid-item" id="vf3-23"></div>
<div class="grid-item" id="vf3-24"></div>
<div class="grid-item" id="vf3-25"></div>
<div class="grid-item" id="vf3-26"></div>
<div class="grid-item" id="vf3-27"></div>
<div class="grid-item" id="vf3-28"></div>
<div class="grid-item" id="vf3-29"></div>
<div class="grid-item" id="vf3-30"></div>
<div class="grid-item" id="vf3-31"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 4 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf4-1"></div>
<div class="grid-item" id="vf4-2"></div>
<div class="grid-item" id="vf4-3"></div>
<div class="grid-item" id="vf4-4"></div>
<div class="grid-item" id="vf4-5"></div>
<div class="grid-item" id="vf4-6"></div>
<div class="grid-item" id="vf4-7"></div>
<div class="grid-item" id="vf4-8"></div>
<div class="grid-item" id="vf4-9"></div>
<div class="grid-item" id="vf4-10"></div>
<div class="grid-item" id="vf4-11"></div>
<div class="grid-item" id="vf4-12"></div>
<div class="grid-item" id="vf4-13"></div>
<div class="grid-item" id="vf4-14"></div>
<div class="grid-item" id="vf4-15"></div>
<div class="grid-item-border" id="vf4-16"></div>
<div class="grid-item" id="vf4-17"></div>
<div class="grid-item" id="vf4-18"></div>
<div class="grid-item" id="vf4-19"></div>
<div class="grid-item" id="vf4-20"></div>
<div class="grid-item" id="vf4-21"></div>
<div class="grid-item" id="vf4-22"></div>
<div class="grid-item" id="vf4-23"></div>
<div class="grid-item" id="vf4-24"></div>
<div class="grid-item" id="vf4-25"></div>
<div class="grid-item" id="vf4-26"></div>
<div class="grid-item" id="vf4-27"></div>
<div class="grid-item" id="vf4-28"></div>
<div class="grid-item" id="vf4-29"></div>
<div class="grid-item" id="vf4-30"></div>
<div class="grid-item" id="vf4-31"></div>
<div class="grid-item" id="vf4-32"></div>
<div class="grid-item" id="vf4-33"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 5 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf5-1"></div>
<div class="grid-item" id="vf5-2"></div>
<div class="grid-item" id="vf5-3"></div>
<div class="grid-item" id="vf5-4"></div>
<div class="grid-item" id="vf5-5"></div>
<div class="grid-item" id="vf5-6"></div>
<div class="grid-item" id="vf5-7"></div>
<div class="grid-item" id="vf5-8"></div>
<div class="grid-item" id="vf5-9"></div>
<div class="grid-item" id="vf5-10"></div>
<div class="grid-item" id="vf5-11"></div>
<div class="grid-item" id="vf5-12"></div>
<div class="grid-item" id="vf5-13"></div>
<div class="grid-item" id="vf5-14"></div>
<div class="grid-item" id="vf5-15"></div>
<div class="grid-item" id="vf5-16"></div>
<div class="grid-item" id="vf5-17"></div>
<div class="grid-item-border" id="vf5-18"></div>
<div class="grid-item" id="vf5-19"></div>
<div class="grid-item" id="vf5-20"></div>
<div class="grid-item" id="vf5-21"></div>
<div class="grid-item" id="vf5-22"></div>
<div class="grid-item" id="vf5-23"></div>
<div class="grid-item" id="vf5-24"></div>
<div class="grid-item" id="vf5-25"></div>
<div class="grid-item" id="vf5-26"></div>
<div class="grid-item" id="vf5-27"></div>
<div class="grid-item" id="vf5-28"></div>
<div class="grid-item" id="vf5-29"></div>
<div class="grid-item" id="vf5-30"></div>
<div class="grid-item" id="vf5-31"></div>
<div class="grid-item" id="vf5-32"></div>
<div class="grid-item" id="vf5-33"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 6 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf6-1"></div>
<div class="grid-item" id="vf6-2"></div>
<div class="grid-item" id="vf6-3"></div>
<div class="grid-item" id="vf6-4"></div>
<div class="grid-item" id="vf6-5"></div>
<div class="grid-item" id="vf6-6"></div>
<div class="grid-item" id="vf6-7"></div>
<div class="grid-item" id="vf6-8"></div>
<div class="grid-item" id="vf6-9"></div>
<div class="grid-item" id="vf6-10"></div>
<div class="grid-item" id="vf6-11"></div>
<div class="grid-item" id="vf6-12"></div>
<div class="grid-item" id="vf6-13"></div>
<div class="grid-item" id="vf6-14"></div>
<div class="grid-item" id="vf6-15"></div>
<div class="grid-item" id="vf6-16"></div>
<div class="grid-item-border" id="vf6-17"></div>
<div class="grid-item" id="vf6-18"></div>
<div class="grid-item" id="vf6-19"></div>
<div class="grid-item" id="vf6-20"></div>
<div class="grid-item" id="vf6-21"></div>
<div class="grid-item" id="vf6-22"></div>
<div class="grid-item" id="vf6-23"></div>
<div class="grid-item" id="vf6-24"></div>
<div class="grid-item" id="vf6-25"></div>
<div class="grid-item" id="vf6-26"></div>
<div class="grid-item" id="vf6-27"></div>
<div class="grid-item" id="vf6-28"></div>
<div class="grid-item" id="vf6-29"></div>
<div class="grid-item" id="vf6-30"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 7 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf7-1"></div>
<div class="grid-item" id="vf7-2"></div>
<div class="grid-item" id="vf7-3"></div>
<div class="grid-item" id="vf7-4"></div>
<div class="grid-item" id="vf7-5"></div>
<div class="grid-item" id="vf7-6"></div>
<div class="grid-item" id="vf7-7"></div>
<div class="grid-item" id="vf7-8"></div>
<div class="grid-item" id="vf7-9"></div>
<div class="grid-item" id="vf7-10"></div>
<div class="grid-item" id="vf7-11"></div>
<div class="grid-item" id="vf7-12"></div>
<div class="grid-item" id="vf7-13"></div>
<div class="grid-item" id="vf7-14"></div>
<div class="grid-item" id="vf7-15"></div>
<div class="grid-item" id="vf7-16"></div>
<div class="grid-item" id="vf7-17"></div>
<div class="grid-item-border" id="vf7-18"></div>
<div class="grid-item" id="vf7-19"></div>
<div class="grid-item" id="vf7-20"></div>
<div class="grid-item" id="vf7-21"></div>
<div class="grid-item" id="vf7-22"></div>
<div class="grid-item" id="vf7-23"></div>
<div class="grid-item" id="vf7-24"></div>
<div class="grid-item" id="vf7-25"></div>
<div class="grid-item" id="vf7-26"></div>
<div class="grid-item" id="vf7-27"></div>
<div class="grid-item" id="vf7-28"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 8 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf8-1"></div>
<div class="grid-item" id="vf8-2"></div>
<div class="grid-item" id="vf8-3"></div>
<div class="grid-item" id="vf8-4"></div>
<div class="grid-item-border" id="vf8-5"></div>
<div class="grid-item" id="vf8-6"></div>
<div class="grid-item" id="vf8-7"></div>
<div class="grid-item" id="vf8-8"></div>
<div class="grid-item" id="vf8-9"></div>
<div class="grid-item" id="vf8-10"></div>
<div class="grid-item" id="vf8-11"></div>
<div class="grid-item" id="vf8-12"></div>
<div class="grid-item" id="vf8-13"></div>
<div class="grid-item" id="vf8-14"></div>
<div class="grid-item" id="vf8-15"></div>
<div class="grid-item" id="vf8-16"></div>
<div class="grid-item" id="vf8-17"></div>
<div class="grid-item" id="vf8-18"></div>
<div class="grid-item" id="vf8-19"></div>
<div class="grid-item" id="vf8-20"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 9 -->
<div class="grid-item" id="vf9-1"></div>
<div class="grid-item" id="vf9-2"></div>
<div class="grid-item" id="vf9-3"></div>
<div class="grid-item" id="vf9-4"></div>
<div class="grid-item" id="vf9-5"></div>
<div class="grid-item" id="vf9-6"></div>
<div class="grid-item" id="vf9-7"></div>
<div class="grid-item" id="vf9-8"></div>
<div class="grid-item" id="vf9-9"></div>
<div class="grid-item" id="vf9-10"></div>
<div class="grid-item" id="vf9-11"></div>
<div class="grid-item" id="vf9-12"></div>
<div class="grid-item" id="vf9-13"></div>
<div class="grid-item" id="vf9-14"></div>
<div class="grid-item" id="vf9-15"></div>
<div class="grid-item" id="vf9-16"></div>
<div class="grid-item" id="vf9-17"></div>
<div class="grid-item" id="vf9-18"></div>
<div class="grid-item" id="vf9-19"></div>
<div class="grid-item-border" id="vf9-20"></div>
<div class="grid-item" id="vf9-21"></div>
<div class="grid-item" id="vf9-22"></div>
<div class="grid-item" id="vf9-23"></div>
<div class="grid-item" id="vf9-24"></div>
<div class="grid-item" id="vf9-25"></div>
<div class="grid-item" id="vf9-26"></div>
<div class="grid-item" id="vf9-27"></div>
<div class="grid-item" id="vf9-28"></div>
<div class="grid-item" id="vf9-29"></div>
<div class="grid-item" id="vf9-30"></div>
<div class="grid-item" id="vf9-31"></div>
<div class="grid-item" id="vf9-32"></div>
<div class="grid-item" id="vf9-33"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 10 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf10-1"></div>
<div class="grid-item" id="vf10-2"></div>
<div class="grid-item" id="vf10-3"></div>
<div class="grid-item" id="vf10-4"></div>
<div class="grid-item" id="vf10-5"></div>
<div class="grid-item" id="vf10-6"></div>
<div class="grid-item" id="vf10-7"></div>
<div class="grid-item" id="vf10-8"></div>
<div class="grid-item" id="vf10-9"></div>
<div class="grid-item" id="vf10-10"></div>
<div class="grid-item" id="vf10-11"></div>
<div class="grid-item" id="vf10-12"></div>
<div class="grid-item" id="vf10-13"></div>
<div class="grid-item" id="vf10-14"></div>
<div class="grid-item-border" id="vf10-15"></div>
<div class="grid-item" id="vf10-16"></div>
<div class="grid-item" id="vf10-17"></div>
<div class="grid-item" id="vf10-18"></div>
<div class="grid-item" id="vf10-19"></div>
<div class="grid-item" id="vf10-20"></div>
<div class="grid-item" id="vf10-21"></div>
<div class="grid-item" id="vf10-22"></div>
<div class="grid-item" id="vf10-23"></div>
<div class="grid-item" id="vf10-24"></div>
<div class="grid-item" id="vf10-25"></div>
<div class="grid-item" id="vf10-26"></div>
<div class="grid-item" id="vf10-27"></div>
<div class="grid-item" id="vf10-28"></div>
<div class="grid-item" id="vf10-29"></div>
<div class="grid-item" id="vf10-30"></div>
<div class="grid-item" id="vf10-31"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 11 -->
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf11-1"></div>
<div class="grid-item" id="vf11-2"></div>
<div class="grid-item" id="vf11-3"></div>
<div class="grid-item" id="vf11-4"></div>
<div class="grid-item" id="vf11-5"></div>
<div class="grid-item" id="vf11-6"></div>
<div class="grid-item" id="vf11-7"></div>
<div class="grid-item" id="vf11-8"></div>
<div class="grid-item" id="vf11-9"></div>
<div class="grid-item" id="vf11-10"></div>
<div class="grid-item" id="vf11-11"></div>
<div class="grid-item" id="vf11-12"></div>
<div class="grid-item" id="vf11-13"></div>
<div class="grid-item" id="vf11-14"></div>
<div class="grid-item" id="vf11-15"></div>
<div class="grid-item" id="vf11-16"></div>
<div class="grid-item" id="vf11-17"></div>
<div class="grid-item" id="vf11-18"></div>
<div class="grid-item-border" id="vf11-19"></div>
<div class="grid-item" id="vf11-20"></div>
<div class="grid-item" id="vf11-21"></div>
<div class="grid-item" id="vf11-22"></div>
<div class="grid-item" id="vf11-23"></div>
<div class="grid-item" id="vf11-24"></div>
<div class="grid-item" id="vf11-25"></div>
<div class="grid-item" id="vf11-26"></div>
<div class="grid-item" id="vf11-27"></div>
<div class="grid-item" id="vf11-28"></div>
<div class="grid-item" id="vf11-29"></div>
<div class="grid-item" id="vf11-30"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 12 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf12-1"></div>
<div class="grid-item" id="vf12-2"></div>
<div class="grid-item" id="vf12-3"></div>
<div class="grid-item" id="vf12-4"></div>
<div class="grid-item" id="vf12-5"></div>
<div class="grid-item" id="vf12-6"></div>
<div class="grid-item" id="vf12-7"></div>
<div class="grid-item" id="vf12-8"></div>
<div class="grid-item" id="vf12-9"></div>
<div class="grid-item" id="vf12-10"></div>
<div class="grid-item" id="vf12-11"></div>
<div class="grid-item-border" id="vf12-12"></div>
<div class="grid-item" id="vf12-13"></div>
<div class="grid-item" id="vf12-14"></div>
<div class="grid-item" id="vf12-15"></div>
<div class="grid-item" id="vf12-16"></div>
<div class="grid-item" id="vf12-17"></div>
<div class="grid-item" id="vf12-18"></div>
<div class="grid-item" id="vf12-19"></div>
<div class="grid-item" id="vf12-20"></div>
<div class="grid-item" id="vf12-21"></div>
<div class="grid-item" id="vf12-22"></div>
<div class="grid-item" id="vf12-23"></div>
<div class="grid-item" id="vf12-24"></div>
<div class="grid-item" id="vf12-25"></div>
<div class="grid-item" id="vf12-26"></div>
<div class="grid-item" id="vf12-27"></div>
<div class="grid-item" id="vf12-28"></div>
<div class="grid-item" id="vf12-29"></div>
<div class="grid-item" id="vf12-30"></div>
<div class="grid-item" id="vf12-31"></div>
<div class="grid-item" id="vf12-32"></div>
<div class="grid-item" id="vf12-33"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 13 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf13-1"></div>
<div class="grid-item" id="vf13-2"></div>
<div class="grid-item" id="vf13-3"></div>
<div class="grid-item" id="vf13-4"></div>
<div class="grid-item" id="vf13-5"></div>
<div class="grid-item" id="vf13-6"></div>
<div class="grid-item" id="vf13-7"></div>
<div class="grid-item" id="vf13-8"></div>
<div class="grid-item" id="vf13-9"></div>
<div class="grid-item" id="vf13-10"></div>
<div class="grid-item" id="vf13-11"></div>
<div class="grid-item-border" id="vf13-12"></div>
<div class="grid-item" id="vf13-13"></div>
<div class="grid-item" id="vf13-14"></div>
<div class="grid-item" id="vf13-15"></div>
<div class="grid-item" id="vf13-16"></div>
<div class="grid-item" id="vf13-17"></div>
<div class="grid-item" id="vf13-18"></div>
<div class="grid-item" id="vf13-19"></div>
<div class="grid-item" id="vf13-20"></div>
<div class="grid-item" id="vf13-21"></div>
<div class="grid-item" id="vf13-22"></div>
<div class="grid-item" id="vf13-23"></div>
<div class="grid-item" id="vf13-24"></div>
<div class="grid-item" id="vf13-25"></div>
<div class="grid-item" id="vf13-26"></div>
<div class="grid-item" id="vf13-27"></div>
<div class="grid-item" id="vf13-28"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 14 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf14-1"></div>
<div class="grid-item" id="vf14-2"></div>
<div class="grid-item" id="vf14-3"></div>
<div class="grid-item" id="vf14-4"></div>
<div class="grid-item" id="vf14-5"></div>
<div class="grid-item" id="vf14-6"></div>
<div class="grid-item" id="vf14-7"></div>
<div class="grid-item" id="vf14-8"></div>
<div class="grid-item" id="vf14-9"></div>
<div class="grid-item" id="vf14-10"></div>
<div class="grid-item" id="vf14-11"></div>
<div class="grid-item" id="vf14-12"></div>
<div class="grid-item" id="vf14-13"></div>
<div class="grid-item-border" id="vf14-14"></div>
<div class="grid-item" id="vf14-15"></div>
<div class="grid-item" id="vf14-16"></div>
<div class="grid-item" id="vf14-17"></div>
<div class="grid-item" id="vf14-18"></div>
<div class="grid-item" id="vf14-19"></div>
<div class="grid-item" id="vf14-20"></div>
<div class="grid-item" id="vf14-21"></div>
<div class="grid-item" id="vf14-22"></div>
<div class="grid-item" id="vf14-23"></div>
<div class="grid-item" id="vf14-24"></div>
<div class="grid-item" id="vf14-25"></div>
<div class="grid-item" id="vf14-26"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 15 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf15-1"></div>
<div class="grid-item" id="vf15-2"></div>
<div class="grid-item" id="vf15-3"></div>
<div class="grid-item" id="vf15-4"></div>
<div class="grid-item" id="vf15-5"></div>
<div class="grid-item" id="vf15-6"></div>
<div class="grid-item" id="vf15-7"></div>
<div class="grid-item" id="vf15-8"></div>
<div class="grid-item" id="vf15-9"></div>
<div class="grid-item" id="vf15-10"></div>
<div class="grid-item" id="vf15-11"></div>
<div class="grid-item" id="vf15-12"></div>
<div class="grid-item" id="vf15-13"></div>
<div class="grid-item" id="vf15-14"></div>
<div class="grid-item-border" id="vf15-15"></div>
<div class="grid-item" id="vf15-16"></div>
<div class="grid-item" id="vf15-17"></div>
<div class="grid-item" id="vf15-18"></div>
<div class="grid-item" id="vf15-19"></div>
<div class="grid-item" id="vf15-20"></div>
<div class="grid-item" id="vf15-21"></div>
<div class="grid-item" id="vf15-22"></div>
<div class="grid-item" id="vf15-23"></div>
<div class="grid-item" id="vf15-24"></div>
<div class="grid-item" id="vf15-25"></div>
<div class="grid-item" id="vf15-26"></div>
<div class="grid-item" id="vf15-27"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<!-- Verse line 16 -->
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item-clear"></div>
<div class="grid-item" id="vf16-1"></div>
<div class="grid-item" id="vf16-2"></div>
<div class="grid-item" id="vf16-3"></div>
<div class="grid-item" id="vf16-4"></div>
<div class="grid-item" id="vf16-5"></div>
<div class="grid-item" id="vf16-6"></div>
<div class="grid-item" id="vf16-7"></div>
<div class="grid-item" id="vf16-8"></div>
<div class="grid-item" id="vf16-9"></div>
<div class="grid-item" id="vf16-10"></div>
<div class="grid-item" id="vf16-11"></div>
<div class="grid-item-border" id="vf16-12"></div>
<div class="grid-item" id="vf16-13"></div>
<div class="grid-item" id="vf16-14"></div>
<div class="grid-item" id="vf16-15"></div>
<div class="grid-item" id="vf16-16"></div>
<div class="grid-item" id="vf16-17"></div>
<div class="grid-item" id="vf16-18"></div>
<div class="grid-item" id="vf16-19"></div>
<div class="grid-item" id="vf16-20"></div>
<div class="grid-item" id="vf16-21"></div>
<div class="grid-item" id="vf16-22"></div>
<div class="grid-item" id="vf16-23"></div>
<div class="grid-item" id="vf16-24"></div>
<div class="grid-item" id="vf16-25"></div>
<div class="grid-item" id="vf16-26"></div>
<div class="grid-item" id="vf16-27"></div>
<div class="grid-item" id="vf16-28"></div>
<div class="grid-item" id="vf16-29"></div>
<div class="grid-item" id="vf16-30"></div>
<div class="grid-item" id="vf16-31"></div>
<div class="grid-item" id="vf16-32"></div>
<div class="grid-item" id="vf16-33"></div>
<div class="grid-item" id="vf16-34"></div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="js/sinterklaas.js"></script>
</body>
<!-- End of body -->
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment