Skip to content

Commit ad89899

Browse files
Git21221Git21221
authored
Checkers (#320)
2 parents 4b6ce20 + abaa4ac commit ad89899

File tree

4 files changed

+769
-0
lines changed

4 files changed

+769
-0
lines changed

‎Checkers/index.html‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>
6+
7+
</title>
8+
<link rel="stylesheet" href="style.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
10+
</head>
11+
12+
<body id="ht">
13+
<div style="text-align:center;
14+
font-size: 30px; "><a href="https://kunjgit.github.io/GameZone/"><i style="color:black;" class="fas fa-home home-icon"></i></a></div>
15+
<div class="checker white_checker" style="display:none"> </div>
16+
<div class="checker black_checker" style="display:none"> </div>
17+
18+
19+
<div class="square" style="display: none" id="ht"> </div>
20+
<div class="black_background" id="black_background"> </div>
21+
22+
<div class="score" id="score">
23+
<br>
24+
</div>
25+
<div class="table" id="table">
26+
27+
<div class="checker white_checker"> </div>
28+
<div class="checker white_checker"> </div>
29+
<div class="checker white_checker"> </div>
30+
<div class="checker white_checker"> </div>
31+
<div class="checker white_checker"> </div>
32+
<div class="checker white_checker"> </div>
33+
<div class="checker white_checker"> </div>
34+
<div class="checker white_checker"> </div>
35+
<div class="checker white_checker"> </div>
36+
<div class="checker white_checker"> </div>
37+
<div class="checker white_checker"> </div>
38+
<div class="checker white_checker"> </div>
39+
40+
<div class="checker black_checker"> </div>
41+
<div class="checker black_checker"> </div>
42+
<div class="checker black_checker"> </div>
43+
<div class="checker black_checker"> </div>
44+
<div class="checker black_checker"> </div>
45+
<div class="checker black_checker"> </div>
46+
<div class="checker black_checker"> </div>
47+
<div class="checker black_checker"> </div>
48+
<div class="checker black_checker"> </div>
49+
<div class="checker black_checker"> </div>
50+
<div class="checker black_checker"> </div>
51+
<div class="checker black_checker"> </div>
52+
53+
54+
<div class="square black_square"> </div>
55+
<div class="square white_square"> </div>
56+
<div class="square black_square"> </div>
57+
<div class="square white_square"> </div>
58+
<div class="square black_square"> </div>
59+
<div class="square white_square"> </div>
60+
<div class="square black_square"> </div>
61+
<div class="square white_square"> </div>
62+
<div class="clear_float"> </div>
63+
64+
<div class="square white_square"> </div>
65+
<div class="square black_square"> </div>
66+
<div class="square white_square"> </div>
67+
<div class="square black_square"> </div>
68+
<div class="square white_square"> </div>
69+
<div class="square black_square"> </div>
70+
<div class="square white_square"> </div>
71+
<div class="square black_square"> </div>
72+
<div class="clear_float"> </div>
73+
74+
<div class="square black_square"> </div>
75+
<div class="square white_square"> </div>
76+
<div class="square black_square"> </div>
77+
<div class="square white_square"> </div>
78+
<div class="square black_square"> </div>
79+
<div class="square white_square"> </div>
80+
<div class="square black_square"> </div>
81+
<div class="square white_square"> </div>
82+
<div class="clear_float"> </div>
83+
84+
<div class="square white_square"> </div>
85+
<div class="square black_square"> </div>
86+
<div class="square white_square"> </div>
87+
<div class="square black_square"> </div>
88+
<div class="square white_square"> </div>
89+
<div class="square black_square"> </div>
90+
<div class="square white_square"> </div>
91+
<div class="square black_square"> </div>
92+
<div class="clear_float"> </div>
93+
94+
<div class="square black_square"> </div>
95+
<div class="square white_square"> </div>
96+
<div class="square black_square"> </div>
97+
<div class="square white_square"> </div>
98+
<div class="square black_square"> </div>
99+
<div class="square white_square"> </div>
100+
<div class="square black_square"> </div>
101+
<div class="square white_square"> </div>
102+
<div class="clear_float"> </div>
103+
104+
<div class="square white_square"> </div>
105+
<div class="square black_square"> </div>
106+
<div class="square white_square"> </div>
107+
<div class="square black_square"> </div>
108+
<div class="square white_square"> </div>
109+
<div class="square black_square"> </div>
110+
<div class="square white_square"> </div>
111+
<div class="square black_square"> </div>
112+
<div class="clear_float"> </div>
113+
114+
<div class="square black_square"> </div>
115+
<div class="square white_square"> </div>
116+
<div class="square black_square"> </div>
117+
<div class="square white_square"> </div>
118+
<div class="square black_square"> </div>
119+
<div class="square white_square"> </div>
120+
<div class="square black_square"> </div>
121+
<div class="square white_square"> </div>
122+
<div class="clear_float"> </div>
123+
124+
<div class="square white_square"> </div>
125+
<div class="square black_square"> </div>
126+
<div class="square white_square"> </div>
127+
<div class="square black_square"> </div>
128+
<div class="square white_square"> </div>
129+
<div class="square black_square"> </div>
130+
<div class="square white_square"> </div>
131+
<div class="square black_square"> </div>
132+
<div class="clear_float"> </div>
133+
134+
</div>
135+
136+
<audio id="moveSound">
137+
<source src="sounds/move.mp3">
138+
</audio>
139+
<audio id="winSound">
140+
<<source src="sounds/win.mp3">
141+
</audio>
142+
<script src="script.js"> </script>
143+
</body>
144+
145+
</html>

0 commit comments

Comments
 (0)