-
Notifications
You must be signed in to change notification settings - Fork 0
/
instruction.html
67 lines (67 loc) · 4.22 KB
/
instruction.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
<!DOCTYPE html>
<html>
<head>
<title>Instruction - Animal Chess</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
<link rel="stylesheet" href="./font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./css/over1240px.css" />
<link rel="stylesheet" type="text/css" href="./css/below650px.css" />
<script type="text/javascript" src="./jquery/jquery-3.1.0.min.js"></script>
<scipt type="text/javascript" src="./jquery/jquery-ui-1.12.0/"></scipt>
</head>
<body>
<div class="header">
<p id="title" class="animal_chess">Animal Chess</p>
</div>
<div id="side_menu_bar" class="side_menu">
<ul>
<li><a href="javascript:void(0)" onclick="close_side_menu()"><i class="fa fa-times-circle" aria-hidden="true"></i></a></li>
<li><a href="./index.php">Login</a></li>
<li><a href="./play.html">Play</a></li>
<li><a href="./instruction.html">How to</a></li>
<li><a href="./about.html">About</a></li>
<p> © 2016 - website built by Doe Hoon LEE</p>
</ul>
</div>
<span id="span" style="font-size:25px;cursor:pointer" onclick="open_side_menu()"><i class="fa fa-bars" aria-hidden="true"></i></span>
<div class="navbar">
<ul>
<li><a href="./index.php">Login</a></li>
<li><a href="./play.html">Play</a></li>
<li><a href="./instruction.html">How to</a></li>
<li><a href="./about.html">About</a></li>
</ul>
</div>
<div class="game_table">
<table class="game_board">
<tr>
<td id="col_1_1" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="red_cow" class="team_red" src="./images/cow.png" /></td>
<td id="col_1_2" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="red_lion" class="team_red" src="./images/lion.png" /></td>
<td id="col_1_3" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="red_rabbit" class="team_red" src="./images/rabbit.png" /></td>
</tr>
<tr>
<td id="col_2_1" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
<td id="col_2_2" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="red_sheep" class="team_red" src="./images/sheep.png" /></td>
<td id="col_2_3" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
</tr>
<tr>
<td id="col_3_1" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
<td id="col_3_2" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="blue_sheep" class="team_blue" src="./images/sheep.png" /></td>
<td id="col_3_3" ondrop="drop(event)" ondragover="allowDrop(event)"></td>
</tr>
<tr>
<td id="col_4_1" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="blue_rabbit" class="team_blue" src="./images/rabbit.png" /></td>
<td id="col_4_2" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="blue_tiger" class="team_blue" src="./images/tiger.png" /></td>
<td id="col_4_3" ondrop="drop(event)" ondragover="allowDrop(event)"><img draggable="true" ondragstart="drag(event)" id="blue_cow" class="team_blue" src="./images/cow.png" /></td>
</tr>
</table>
</div>
<div class="button">
<button class="instruction btn" type="button">SEE THE INSTRUCTION</button>
</div>
<div class="copyright">
<h3> © 2016 - website built by Doe Hoon LEE </h3>
</div>
</body>
</html>