forked from otelnov/15
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (74 loc) · 3.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="15-puzzles game">
<meta name="author" content="Oleksandr Telnov">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>15-puzzles</title>
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<h1 class="text-center">15-puzzles</h1>
<div class="col-sm-6 col-xs-12 text-center">
<div class="field pull-right">
<div class="row">
<div class="col-xs-3 cell" id="1"></div>
<div class="col-xs-3 cell" id="2"></div>
<div class="col-xs-3 cell" id="3"></div>
<div class="col-xs-3 cell" id="4"></div>
</div>
<div class="row">
<div class="col-xs-3 cell" id="5"></div>
<div class="col-xs-3 cell" id="6"></div>
<div class="col-xs-3 cell" id="7"></div>
<div class="col-xs-3 cell" id="8"></div>
</div>
<div class="row">
<div class="col-xs-3 cell" id="9"></div>
<div class="col-xs-3 cell" id="10"></div>
<div class="col-xs-3 cell" id="11"></div>
<div class="col-xs-3 cell" id="12"></div>
</div>
<div class="row">
<div class="col-xs-3 cell" id="13"></div>
<div class="col-xs-3 cell" id="14"></div>
<div class="col-xs-3 cell" id="15"></div>
<div class="col-xs-3 cell" id="16"></div>
</div>
</div>
</div>
<div class="col-sm-5 col-xs-12">
<div class="stats">
<ul>
<li><b>Rules:</b></li>
<li>The 15-puzzle is a sliding puzzle that consists of a frame of numbered square tiles in random order with one tile missing. The object of the puzzle is to place the tiles in order by making sliding moves that use the empty space - <a href="http://en.wikipedia.org/wiki/15_puzzle" target="_blank">wikipedia.</a></li>
<li class="li"><b>Help:</b></li>
<li>Use arrow keys or click on tile, which you want to move.</li>
<li class="li"><b>Your Turns:</b></li>
<li id="turns">0</li>
<li class="li"><b>Notifications:</b></li>
<li><i id="mess">Слава Україні!</i></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>