SHARE
TWEET

Untitled

a guest Jan 29th, 2020 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <title>Gelijke ogen</title>
  7.         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  8.         <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  9.         <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  10.     </head>
  11.     <body>
  12.         <div id="pag1" data-role="page" data-theme="b">
  13.             <div data-role="header">
  14.                 <h1>SPEL<br>Gekke minesweeper</h1>
  15.             </div>
  16.             <div role="main" class="ui-content">
  17.                 Hier staat tekst over het spel.<br />
  18.                 Dikke Boktor.
  19.                 <!-- scorebalk -->
  20.                 <div class="ui-grid-b">
  21.                     <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">KLiks: 00</div></div>
  22.                     <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">Restart</div></div>
  23.                     <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">Bommen: 00</div></div>
  24.                 </div></div>
  25.  
  26.                 <!-- grid -->
  27.                 <div class="ui-grid-b">
  28.                     <div class="ui-block-a"><div class="ui-bar ui-bar-a">
  29.                         <div class="ui-grid-b">
  30.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  31.                             1
  32.                             </div></div>
  33.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  34.                             2  
  35.                             </div></div>
  36.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  37.                             3  
  38.                             </div></div>
  39.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  40.                             4  
  41.                             </div></div>
  42.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  43.                             5  
  44.                             </div></div>
  45.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  46.                             6  
  47.                             </div></div>
  48.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  49.                             7  
  50.                             </div></div>
  51.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  52.                             8  
  53.                             </div></div>
  54.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  55.                             9      
  56.                             </div></div>
  57.                         </div>
  58.                     </div></div>
  59.                     <div class="ui-block-b"><div class="ui-bar ui-bar-a">
  60.                         <div class="ui-grid-b">
  61.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  62.                             10
  63.                             </div></div>
  64.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  65.                             11 
  66.                             </div></div>
  67.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  68.                             12 
  69.                             </div></div>
  70.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  71.                             13 
  72.                             </div></div>
  73.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  74.                             14 
  75.                             </div></div>
  76.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  77.                             15 
  78.                             </div></div>
  79.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  80.                             16 
  81.                             </div></div>
  82.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  83.                             17 
  84.                             </div></div>
  85.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  86.                             18     
  87.                             </div></div>
  88.                         </div>
  89.                     </div></div>
  90.                     <div class="ui-block-c"><div class="ui-bar ui-bar-a">
  91.                         <div class="ui-grid-b">
  92.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  93.                             19
  94.                             </div></div>
  95.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  96.                             20
  97.                             </div></div>
  98.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  99.                             21
  100.                             </div></div>
  101.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  102.                             22
  103.                             </div></div>
  104.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  105.                             23
  106.                             </div></div>
  107.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  108.                             24
  109.                             </div></div>
  110.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  111.                             25
  112.                             </div></div>
  113.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  114.                             26
  115.                             </div></div>
  116.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  117.                             27
  118.                             </div></div>
  119.                         </div>
  120.                     </div></div>
  121.                     <div class="ui-block-a"><div class="ui-bar ui-bar-a">
  122.                         <div class="ui-grid-b">
  123.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  124.                             28
  125.                             </div></div>
  126.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  127.                             29
  128.                             </div></div>
  129.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  130.                             30
  131.                             </div></div>
  132.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  133.                             31
  134.                             </div></div>
  135.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  136.                             32
  137.                             </div></div>
  138.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  139.                             33
  140.                             </div></div>
  141.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  142.                             34
  143.                             </div></div>
  144.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  145.                             35
  146.                             </div></div>
  147.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  148.                             36
  149.                             </div></div>
  150.                         </div>
  151.                     </div></div>
  152.                     <div class="ui-block-b"><div class="ui-bar ui-bar-a">
  153.                         <div class="ui-grid-b">
  154.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  155.                             37
  156.                             </div></div>
  157.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  158.                             38
  159.                             </div></div>
  160.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  161.                             39
  162.                             </div></div>
  163.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  164.                             40
  165.                             </div></div>
  166.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  167.                             41
  168.                             </div></div>
  169.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  170.                             42
  171.                             </div></div>
  172.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  173.                             43
  174.                             </div></div>
  175.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  176.                             44
  177.                             </div></div>
  178.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  179.                             45
  180.                             </div></div>
  181.                         </div>
  182.                     </div></div>
  183.                     <div class="ui-block-c"><div class="ui-bar ui-bar-a">
  184.                         <div class="ui-grid-b">
  185.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  186.                             46
  187.                             </div></div>
  188.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  189.                             47
  190.                             </div></div>
  191.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  192.                             48
  193.                             </div></div>
  194.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  195.                             49
  196.                             </div></div>
  197.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  198.                             50
  199.                             </div></div>
  200.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  201.                             51
  202.                             </div></div>
  203.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  204.                             52
  205.                             </div></div>
  206.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  207.                             53
  208.                             </div></div>
  209.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  210.                             54
  211.                             </div></div>
  212.                         </div>
  213.                     </div></div>
  214.                     <div class="ui-block-a"><div class="ui-bar ui-bar-a">
  215.                         <div class="ui-grid-b">
  216.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  217.                             55
  218.                             </div></div>
  219.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  220.                             56
  221.                             </div></div>
  222.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  223.                             57
  224.                             </div></div>
  225.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  226.                             58
  227.                             </div></div>
  228.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  229.                             59
  230.                             </div></div>
  231.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  232.                             60
  233.                             </div></div>
  234.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  235.                             61
  236.                             </div></div>
  237.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  238.                             62
  239.                             </div></div>
  240.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  241.                             63
  242.                             </div></div>
  243.                         </div>
  244.                     </div></div>
  245.                     <div class="ui-block-b"><div class="ui-bar ui-bar-a">
  246.                         <div class="ui-grid-b">
  247.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  248.                             64
  249.                             </div></div>
  250.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  251.                             65
  252.                             </div></div>
  253.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  254.                             66
  255.                             </div></div>
  256.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  257.                             67
  258.                             </div></div>
  259.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  260.                             68
  261.                             </div></div>
  262.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  263.                             69
  264.                             </div></div>
  265.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  266.                             70
  267.                             </div></div>
  268.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  269.                             71
  270.                             </div></div>
  271.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  272.                             72
  273.                             </div></div>
  274.                         </div>
  275.                     </div></div>
  276.                     <div class="ui-block-c"><div class="ui-bar ui-bar-a">
  277.                         <div class="ui-grid-b">
  278.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  279.                             73
  280.                             </div></div>
  281.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  282.                             74
  283.                             </div></div>
  284.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  285.                             75
  286.                             </div></div>
  287.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  288.                             76
  289.                             </div></div>
  290.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  291.                             77
  292.                             </div></div>
  293.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  294.                             78
  295.                             </div></div>
  296.                             <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
  297.                             79
  298.                             </div></div>
  299.                             <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
  300.                             80
  301.                             </div></div>
  302.                             <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
  303.                             81
  304.                             </div></div>
  305.                         </div>
  306.                     </div></div>
  307.                 </div>                     
  308.             </div>
  309.             <div data-role="footer" data-position="fixed">
  310.                 <h3>&copy; INF-actief</h3>
  311.             </div>
  312.         </div>
  313.     </body>
  314. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top