Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Titels-->
- <div class="titleuk">United Kingdom</div>
- <div class="titlenl">The Netherlands</div>
- <!--Background-->
- <div class="backgroundimage"></div>
- <!--Lijn voor UK-->
- <canvas id="myCanvas" width="386.929px" height="414.5"></canvas>
- <script>
- var canvas = document.getElementById('myCanvas');
- var context = canvas.getContext('2d');
- context.beginPath();
- context.moveTo(0, 1);
- context.lineTo(171.496, 38.5);
- context.lineTo(226.771, 76);
- context.lineTo(278.713, 113);
- context.lineTo(282.048, 151.5);
- context.lineTo(320.315, 189.5);
- context.lineTo(328.819, 227);
- context.lineTo(331.654, 264.5);
- context.lineTo(358.583, 302.5);
- context.lineTo(358.583, 339.5);
- context.lineTo(368.504, 377.5);
- context.lineTo(386.93, 416);
- context.strokeStyle = '#808285';
- context.stroke();
- </script>
- <!--Punten voor UK-->
- <div class="dotsblok">
- <div class="dots" style="left:0px; top:1px"></div>
- <div class="dots" style="left:171.496px; top:38.5px"></div>
- <div class="dots" style="left:226.771px; top:76px"></div>
- <div class="dots" style="left:278.713px; top:113px"></div>
- <div class="dots" style="left:282.048px; top:151.5px"></div>
- <div class="dots" style="left:320.315px; top:189.5px"></div>
- <div class="dots" style="left:328.819px; top:227px"></div>
- <div class="dots" style="left:331.654px; top:264.5px"></div>
- <div class="dots" style="left:358.583px; top:302.5px"></div>
- <div class="dots" style="left:358.583px; top:339.5px"></div>
- <div class="dots" style="left:368.504px; top:377.5px"></div>
- <div class="dots" style="left:386.93px; top:416px"></div>
- </div>
- <!--Lijn voor NL-->
- <canvas id="myCanvasNL" width="386.929px" height="414.5"></canvas>
- <script>
- var canvas = document.getElementById('myCanvasNL');
- var context = canvas.getContext('2d');
- context.beginPath();
- context.moveTo(386.93, 1);
- context.lineTo(215.434, 38.5);
- context.lineTo(160.158, 76);
- context.lineTo(108.217, 113);
- context.lineTo(104.882, 151.5);
- context.lineTo(66.614, 189.5);
- context.lineTo(58.11, 227);
- context.lineTo(55.275, 264.5);
- context.lineTo(28.347, 302.5);
- context.lineTo(28.347, 339.5);
- context.lineTo(18.426, 377.5);
- context.lineTo(0, 416);
- context.strokeStyle = '#808285';
- context.stroke();
- </script>
- <!--Punten voor NL-->
- <div class="dotsblokNL">
- <div class="dots" style="left:386.93px; top:1px"></div>
- <div class="dots" style="left:215.434px; top:38.5px"></div>
- <div class="dots" style="left:160.158px; top:76px"></div>
- <div class="dots" style="left:108.217px; top:113px"></div>
- <div class="dots" style="left:104.882px; top:151.5px"></div>
- <div class="dots" style="left:66.614px; top:189.5px"></div>
- <div class="dots" style="left:58.11px; top:227px"></div>
- <div class="dots" style="left:55.275px; top:264.5px"></div>
- <div class="dots" style="left:28.347px; top:302.5px"></div>
- <div class="dots" style="left:28.347px; top:339.5px"></div>
- <div class="dots" style="left:18.426px; top:377.5px"></div>
- <div class="dots" style="left:0px; top:416px"></div>
- </div>
- <!--Lijnen raster-->
- <div class="linevert" style="height:481.346px; width:2px; background-color:black"></div>
- <div class="linehorizontal" style="top:71.812px"></div>
- <div class="linehorizontal" style="top:109.812px"></div>
- <div class="linehorizontal" style="top:147.812px"></div>
- <div class="linehorizontal" style="top:184.944px"></div>
- <div class="linehorizontal" style="top:222.944px"></div>
- <div class="linehorizontal" style="top:260.944px"></div>
- <div class="linehorizontal" style="top:297.944px"></div>
- <div class="linehorizontal" style="top:335.944px"></div>
- <div class="linehorizontal" style="top:373.944px"></div>
- <div class="linehorizontal" style="top:411.943px"></div>
- <div class="linehorizontal" style="top:448.943px"></div>
- <!--Staven per categorie-->
- <div class="housing" style="height:37.75px; width:1064px">
- <div class="housinguk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:307.559px"></div>
- <div class="jaartwee" style="height:7.5px; width:367.086px"></div>
- <div class="jaardrie" style="height:7.5px; width:401.103px"></div>
- <div class="jaarvier" style="height:7.5px; width:419.527px"></div>
- <div class="jaarvijf" style="height:7.5px; width:255.118px"></div>
- </div>
- <div class="housingnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:293.386px"></div>
- <div class="jaartwee" style="height:7.5px; width:385.512px"></div>
- <div class="jaardrie" style="height:7.5px; width:378.426px"></div>
- <div class="jaarvier" style="height:7.5px; width:362.835px"></div>
- <div class="jaarvijf" style="height:7.5px; width:405.354px"></div>
- </div>
- <div class="food" style="height:37.75px; width:1064px">
- <div class="fooduk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:202.677px"></div>
- <div class="jaartwee" style="height:7.5px; width:188.504px"></div>
- <div class="jaardrie" style="height:7.5px; width:148.819px"></div>
- <div class="jaarvier" style="height:7.5px; width:140.315px"></div>
- <div class="jaarvijf" style="height:7.5px; width:178.583px"></div>
- </div>
- <div class="foodnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:189.921px"></div>
- <div class="jaartwee" style="height:7.5px; width:171.496px"></div>
- <div class="jaardrie" style="height:7.5px; width:148.819px"></div>
- <div class="jaarvier" style="height:7.5px; width:148.819px"></div>
- <div class="jaarvijf" style="height:7.5px; width:141.732px"></div>
- </div>
- <div class="transport" style="height:37.75px; width:1064px">
- <div class="transportuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:138.897px"></div>
- <div class="jaartwee" style="height:7.5px; width:162.992px"></div>
- <div class="jaardrie" style="height:7.5px; width:192.756px"></div>
- <div class="jaarvier" style="height:7.5px; width:191.338px"></div>
- <div class="jaarvijf" style="height:7.5px; width:218.268px"></div>
- </div>
- <div class="transportnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:134.646px"></div>
- <div class="jaartwee" style="height:7.5px; width:134.646px"></div>
- <div class="jaardrie" style="height:7.5px; width:147.402px"></div>
- <div class="jaarvier" style="height:7.5px; width:154.489px"></div>
- <div class="jaarvijf" style="height:7.5px; width:162.992px"></div>
- </div>
- <div class="misc" style="height:37.75px; width:1064px">
- <div class="miscuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:189.921px"></div>
- <div class="jaartwee" style="height:7.5px; width:97.795px"></div>
- <div class="jaardrie" style="height:7.5px; width:82.205px"></div>
- <div class="jaarvier" style="height:7.5px; width:107.717px"></div>
- <div class="jaarvijf" style="height:7.5px; width:120.473px"></div>
- </div>
- <div class="miscnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:263.622px"></div>
- <div class="jaartwee" style="height:7.5px; width:226.771px"></div>
- <div class="jaardrie" style="height:7.5px; width:216.851px"></div>
- <div class="jaarvier" style="height:7.5px; width:238.11px"></div>
- <div class="jaarvijf" style="height:7.5px; width:214.016px"></div>
- </div>
- <div class="recrea" style="height:37.75px; width:1064px">
- <div class="recreauk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:174.331px"></div>
- <div class="jaartwee" style="height:7.5px; width:170.079px"></div>
- <div class="jaardrie" style="height:7.5px; width:189.921px"></div>
- <div class="jaarvier" style="height:7.5px; width:174.331px"></div>
- <div class="jaarvijf" style="height:7.5px; width:192.756px"></div>
- </div>
- <div class="recreanl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:133.229px"></div>
- <div class="jaartwee" style="height:7.5px; width:134.646px"></div>
- <div class="jaardrie" style="height:7.5px; width:147.401px"></div>
- <div class="jaarvier" style="height:7.5px; width:154.489px"></div>
- <div class="jaarvijf" style="height:7.5px; width:148.818px"></div>
- </div>
- <div class="restaurants" style="height:37.75px; width:1064px">
- <div class="restaurantsuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:137.479px"></div>
- <div class="jaartwee" style="height:7.5px; width:111.969px"></div>
- <div class="jaardrie" style="height:7.5px; width:111.969px"></div>
- <div class="jaarvier" style="height:7.5px; width:113.386px"></div>
- <div class="jaarvijf" style="height:7.5px; width:131.811px"></div>
- </div>
- <div class="restaurantsnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:106.299px"></div>
- <div class="jaartwee" style="height:7.5px; width:85.039px"></div>
- <div class="jaardrie" style="height:7.5px; width:99.213px"></div>
- <div class="jaarvier" style="height:7.5px; width:79.37px"></div>
- <div class="jaarvijf" style="height:7.5px; width:86.457px"></div>
- </div>
- <div class="furnishings" style="height:37.75px; width:1064px">
- <div class="furnishingsuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:77.953px"></div>
- <div class="jaartwee" style="height:7.5px; width:111.969px"></div>
- <div class="jaardrie" style="height:7.5px; width:103.464px"></div>
- <div class="jaarvier" style="height:7.5px; width:92.126px"></div>
- <div class="jaarvijf" style="height:7.5px; width:106.299px"></div>
- </div>
- <div class="furnishingsnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:94.96px"></div>
- <div class="jaartwee" style="height:7.5px; width:100.63px"></div>
- <div class="jaardrie" style="height:7.5px; width:102.047px"></div>
- <div class="jaarvier" style="height:7.5px; width:92.126px"></div>
- <div class="jaarvijf" style="height:7.5px; width:80.787px"></div>
- </div>
- <div class="clothing" style="height:37.75px; width:1064px">
- <div class="clothinguk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:100.63px"></div>
- <div class="jaartwee" style="height:7.5px; width:89.291px"></div>
- <div class="jaardrie" style="height:7.5px; width:77.953px"></div>
- <div class="jaarvier" style="height:7.5px; width:70.866px"></div>
- <div class="jaarvijf" style="height:7.5px; width:79.37px"></div>
- </div>
- <div class="clothingnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:107.717px"></div>
- <div class="jaartwee" style="height:7.5px; width:85.039px"></div>
- <div class="jaardrie" style="height:7.5px; width:85.04px"></div>
- <div class="jaarvier" style="height:7.5px; width:82.205px"></div>
- <div class="jaarvijf" style="height:7.5px; width:72.283px"></div>
- </div>
- <div class="health" style="height:37.75px; width:1064px">
- <div class="healthuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:14.173px"></div>
- <div class="jaartwee" style="height:7.5px; width:17.008px"></div>
- <div class="jaardrie" style="height:7.5px; width:15.59px"></div>
- <div class="jaarvier" style="height:7.5px; width:17.008px"></div>
- <div class="jaarvijf" style="height:7.5px; width:17.008px"></div>
- </div>
- <div class="healthnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:31.181px"></div>
- <div class="jaartwee" style="height:7.5px; width:21.26px"></div>
- <div class="jaardrie" style="height:7.5px; width:15.59px"></div>
- <div class="jaarvier" style="height:7.5px; width:18.425px"></div>
- <div class="jaarvijf" style="height:7.5px; width:19.842px"></div>
- </div>
- <div class="com" style="height:37.75px; width:1064px">
- <div class="comuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:17.008px"></div>
- <div class="jaartwee" style="height:7.5px; width:29.764px"></div>
- <div class="jaardrie" style="height:7.5px; width:32.598px"></div>
- <div class="jaarvier" style="height:7.5px; width:38.268px"></div>
- <div class="jaarvijf" style="height:7.5px; width:43.937px"></div>
- </div>
- <div class="comnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:24.094px"></div>
- <div class="jaartwee" style="height:7.5px; width:24.094px"></div>
- <div class="jaardrie" style="height:7.5px; width:31.18px"></div>
- <div class="jaarvier" style="height:7.5px; width:43.936px"></div>
- <div class="jaarvijf" style="height:7.5px; width:42.519px"></div>
- </div>
- <div class="alcohol" style="height:37.75px; width:1064px">
- <div class="alcoholuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:46.772px"></div>
- <div class="jaartwee" style="height:7.5px; width:52.44px"></div>
- <div class="jaardrie" style="height:7.5px; width:42.52px"></div>
- <div class="jaarvier" style="height:7.5px; width:34.016px"></div>
- <div class="jaarvijf" style="height:7.5px; width:39.685px"></div>
- </div>
- <div class="alcoholnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:32.598px"></div>
- <div class="jaartwee" style="height:7.5px; width:32.599px"></div>
- <div class="jaardrie" style="height:7.5px; width:29.764px"></div>
- <div class="jaarvier" style="height:7.5px; width:29.764px"></div>
- <div class="jaarvijf" style="height:7.5px; width:25.512px"></div>
- </div>
- <div class="education" style="height:37.75px; width:1064px">
- <div class="educationuk" align="right" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:9.921px"></div>
- <div class="jaartwee" style="height:7.5px; width:19.843px"></div>
- <div class="jaardrie" style="height:7.5px; width:18.425px"></div>
- <div class="jaarvier" style="height:7.5px; width:19.842px"></div>
- <div class="jaarvijf" style="height:7.5px; width:34.016px"></div>
- </div>
- <div class="educationnl" align="left" style="height:37.75px; width:532px">
- <div class="jaareen" style="height:7.5px; width:5.669px"></div>
- <div class="jaartwee" style="height:7.5px; width:17.008px"></div>
- <div class="jaardrie" style="height:7.5px; width:17.008px"></div>
- <div class="jaarvier" style="height:7.5px; width:14.173px"></div>
- <div class="jaarvijf" style="height:7.5px; width:15.591px"></div>
- </div>
- <!--Buttons-->
- <div class="slider">
- <input type="checkbox">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement