Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Gelijke ogen</title>
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
- <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
- </head>
- <body>
- <div id="pag1" data-role="page" data-theme="b">
- <div data-role="header">
- <h1>SPEL<br>Gekke minesweeper</h1>
- </div>
- <div role="main" class="ui-content">
- Hier staat tekst over het spel.<br />
- Dikke Boktor.
- <!-- scorebalk -->
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">KLiks: 00</div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">Restart</div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">Bommen: 00</div></div>
- </div></div>
- <!-- grid -->
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 1
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 2
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 3
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 4
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 5
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 6
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 7
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 8
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 9
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 10
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 11
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 12
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 13
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 14
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 15
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 16
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 17
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 18
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 19
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 20
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 21
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 22
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 23
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 24
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 25
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 26
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 27
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 28
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 29
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 30
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 31
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 32
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 33
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 34
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 35
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 36
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 37
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 38
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 39
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 40
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 41
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 42
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 43
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 44
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 45
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 46
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 47
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 48
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 49
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 50
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 51
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 52
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 53
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 54
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 55
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 56
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 57
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 58
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 59
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 60
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 61
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 62
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 63
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 64
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 65
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 66
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 67
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 68
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 69
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 70
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 71
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 72
- </div></div>
- </div>
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a">
- <div class="ui-grid-b">
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 73
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 74
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 75
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 76
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 77
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 78
- </div></div>
- <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 79
- </div></div>
- <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 80
- </div></div>
- <div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height: 60px;">
- 81
- </div></div>
- </div>
- </div></div>
- </div>
- </div>
- <div data-role="footer" data-position="fixed">
- <h3>© INF-actief</h3>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement