Skip to content

Commit e01bae3

Browse files
harshita2216harshita2216
authored
Merge pull request #211 from sonamgupta136/208-Chess-Game
Chess Game
2 parents 39ba5b4 + 6ecf6de commit e01bae3

File tree

5 files changed

+2262
-0
lines changed

5 files changed

+2262
-0
lines changed

‎Chess-Game/Readme.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<h1>Chess Game</h1>
2+
3+
<p>A Chess Game written in HTML, CSS and JAVASCRIPT .</p>
4+
5+
### Use of the Project:
6+
7+
<p>This chess game is just for entertainment purpose . </p>
8+
9+
<h3>Used Technologies</h3>
10+
<ul>
11+
<li>HTML5</li>
12+
<li>CSS3</li>
13+
<li>JavaScript</li>
14+
</ul>
15+
16+
#### Steps to Use:
17+
18+
---
19+
20+
- Download or clone the repository
21+
22+
```
23+
git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
24+
```
25+
26+
- Go to the directory
27+
- Run the index.html file
28+
- Start Playing!!!
29+
30+
31+
<h3> Screenshot </h3>
32+
33+
<img src="https://user-images.githubusercontent.com/66966120/125582506-237c66d8-8ac8-4bd1-b8f8-77d7bc2978ef.png" alt="Screenshot (22)" style="max-width:100%;">
34+
35+
36+
37+
<h3> Demo </h3>
38+
39+
<a href="https://sonamgupta136.github.io/Chess-Game/"> Demo </a>
40+
41+
<br>

‎Chess-Game/index.html

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Chess Game </title>
7+
<link rel="stylesheet" href="./style.css">
8+
9+
</head>
10+
11+
<body>
12+
<!-- partial:index.partial.html -->
13+
<div id="game">
14+
<div class='cellprefix'>8</div>
15+
<div class='gamecell' id='1_8'></div>
16+
<div class='gamecell grey' id='2_8'></div>
17+
<div class='gamecell' id='3_8'></div>
18+
<div class='gamecell grey' id='4_8'></div>
19+
<div class='gamecell' id='5_8'></div>
20+
<div class='gamecell grey' id='6_8'></div>
21+
<div class='gamecell' id='7_8'></div>
22+
<div class='gamecell grey' id='8_8'></div><br>
23+
<div class='cellprefix'>7</div>
24+
<div class='gamecell grey' id='1_7'></div>
25+
<div class='gamecell' id='2_7'></div>
26+
<div class='gamecell grey' id='3_7'></div>
27+
<div class='gamecell' id='4_7'></div>
28+
<div class='gamecell grey' id='5_7'></div>
29+
<div class='gamecell' id='6_7'></div>
30+
<div class='gamecell grey' id='7_7'></div>
31+
<div class='gamecell' id='8_7'></div><br>
32+
<div class='cellprefix'>6</div>
33+
<div class='gamecell' id='1_6'></div>
34+
<div class='gamecell grey' id='2_6'></div>
35+
<div class='gamecell' id='3_6'></div>
36+
<div class='gamecell grey' id='4_6'></div>
37+
<div class='gamecell' id='5_6'></div>
38+
<div class='gamecell grey' id='6_6'></div>
39+
<div class='gamecell' id='7_6'></div>
40+
<div class='gamecell grey' id='8_6'></div><br>
41+
<div class='cellprefix'>5</div>
42+
<div class='gamecell grey' id='1_5'></div>
43+
<div class='gamecell' id='2_5'></div>
44+
<div class='gamecell grey' id='3_5'></div>
45+
<div class='gamecell' id='4_5'></div>
46+
<div class='gamecell grey' id='5_5'></div>
47+
<div class='gamecell' id='6_5'></div>
48+
<div class='gamecell grey' id='7_5'></div>
49+
<div class='gamecell' id='8_5'></div><br>
50+
<div class='cellprefix'>4</div>
51+
<div class='gamecell' id='1_4'></div>
52+
<div class='gamecell grey' id='2_4'></div>
53+
<div class='gamecell' id='3_4'></div>
54+
<div class='gamecell grey' id='4_4'></div>
55+
<div class='gamecell' id='5_4'></div>
56+
<div class='gamecell grey' id='6_4'></div>
57+
<div class='gamecell' id='7_4'></div>
58+
<div class='gamecell grey' id='8_4'></div><br>
59+
<div class='cellprefix'>3</div>
60+
<div class='gamecell grey' id='1_3'></div>
61+
<div class='gamecell' id='2_3'></div>
62+
<div class='gamecell grey' id='3_3'></div>
63+
<div class='gamecell' id='4_3'></div>
64+
<div class='gamecell grey' id='5_3'></div>
65+
<div class='gamecell' id='6_3'></div>
66+
<div class='gamecell grey' id='7_3'></div>
67+
<div class='gamecell' id='8_3'></div><br>
68+
<div class='cellprefix'>2</div>
69+
<div class='gamecell' id='1_2'></div>
70+
<div class='gamecell grey' id='2_2'></div>
71+
<div class='gamecell' id='3_2'></div>
72+
<div class='gamecell grey' id='4_2'></div>
73+
<div class='gamecell' id='5_2'></div>
74+
<div class='gamecell grey' id='6_2'></div>
75+
<div class='gamecell' id='7_2'></div>
76+
<div class='gamecell grey' id='8_2'></div><br>
77+
<div class='cellprefix'>1</div>
78+
<div class='gamecell grey' id='1_1'></div>
79+
<div class='gamecell' id='2_1'></div>
80+
<div class='gamecell grey' id='3_1'></div>
81+
<div class='gamecell' id='4_1'></div>
82+
<div class='gamecell grey' id='5_1'></div>
83+
<div class='gamecell' id='6_1'></div>
84+
<div class='gamecell grey' id='7_1'></div>
85+
<div class='gamecell' id='8_1'></div><br>
86+
<div class='cellprefix'></div>
87+
<div class='cellprefix'>a</div>
88+
<div class='cellprefix'>b</div>
89+
<div class='cellprefix'>c</div>
90+
<div class='cellprefix'>d</div>
91+
<div class='cellprefix'>e</div>
92+
<div class='cellprefix'>f</div>
93+
<div class='cellprefix'>g</div>
94+
<div class='cellprefix'>h</div><br>
95+
<div id='turn'>It's Whites Turn!</div>
96+
</div>
97+
<!-- partial -->
98+
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
99+
<script src="./script.js"></script>
100+
101+
</body>
102+
103+
</html>
104+
105+

0 commit comments

Comments
 (0)