├── images
    ├── 1.png
    ├── 10.png
    ├── 11.png
    ├── 12.png
    ├── 2.png
    ├── 3.png
    ├── 4.png
    ├── 5.png
    ├── 6.png
    ├── 7.png
    ├── 8.png
    ├── 9.png
    └── chessBoard.jpg
├── README.md
├── index.css
└── index.html


/images/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/1.png


--------------------------------------------------------------------------------
/images/10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/10.png


--------------------------------------------------------------------------------
/images/11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/11.png


--------------------------------------------------------------------------------
/images/12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/12.png


--------------------------------------------------------------------------------
/images/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/2.png


--------------------------------------------------------------------------------
/images/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/3.png


--------------------------------------------------------------------------------
/images/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/4.png


--------------------------------------------------------------------------------
/images/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/5.png


--------------------------------------------------------------------------------
/images/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/6.png


--------------------------------------------------------------------------------
/images/7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/7.png


--------------------------------------------------------------------------------
/images/8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/8.png


--------------------------------------------------------------------------------
/images/9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/9.png


--------------------------------------------------------------------------------
/images/chessBoard.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nisancigokmen/chess/HEAD/images/chessBoard.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Chess
 2 | 
 3 | 
 4 |   ![chessInterface](https://user-images.githubusercontent.com/91744618/143071111-80d253bf-73fd-487c-8b9f-daa5c5144435.png)
 5 | 
 6 | <div id="contact">
 7 |  
 8 | <h2> Connect with me: </h2>
 9 |  
10 |   <a href="https://linkedin.com/in/nisancigokmen"><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2F1.bp.blogspot.com%2F-onvhHUdW1Us%2FYI52e9j4eKI%2FAAAAAAAAE4c%2F6s9wzOpIDYcAo4YmTX1Qg51OlwMFmilFACLcBGAsYHQ%2Fs1600%2FLogo%252BLinkedin.png&f=1&nofb=1&ipt=edb59a1b216c55e3eb63ef45526e2243b3e4291e82b7893c9945047490037ee8&ipo=images" width="66x"> </a>  &nbsp;   <a href="https://mail.google.com/mail/u/0/?fs=1&tf=cm&source=mailto&to=nisancigokmen@gmail.com"><img src="https://img.icons8.com/ios-glyphs/60/000000/new-post.png"/> </a> 
11 | 
12 |  </div>
13 |  
14 |  <div id="tools">
15 |  <h2> Languages and tools:  </h2><br>
16 |  
17 |  <img src="https://camo.githubusercontent.com/d63d473e728e20a286d22bb2226a7bf45a2b9ac6c72c59c0e61e9730bfe4168c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f48544d4c352d4533344632363f7374796c653d666f722d7468652d6261646765266c6f676f3d68746d6c35266c6f676f436f6c6f723d7768697465">
18 | 
19 |  <img src="https://camo.githubusercontent.com/5ed492db9c79ad5990eda7dc80923377f0e7096b18a4d1e9b86c8987dc0e5aa5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f637373332532302d2532333135373242362e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d63737333266c6f676f436f6c6f723d7768697465">
20 |  
21 |  <img src="https://camo.githubusercontent.com/62d37abe760867620e0baea1066303719d630a82936837ba7bff6b0c754e3c9f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176617363726970742532302d2532333332333333302e7376673f267374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d253233463744463145">
22 |  
23 |  </div>
24 |  
25 |  
26 | <br>
27 | 
28 | </div><br>
29 | &copy; Gökmen Nişancı / Web Developer. <br><br>
30 |   
31 | <img src="https://media1.giphy.com/media/CzXxxMCFZwBymfYcor/giphy.gif?cid=ecf05e475679gmd72hwnkkqclijflu6ae8ob090i3pjtbouz&rid=giphy.gif&ct=g">
32 |   
33 | </div><br>
34 |   <br> <br>
35 | 
36 | [![Typing SVG](https://readme-typing-svg.herokuapp.com?color=%2318f9ee&size=22&lines=Thanks+for+visiting)](https://git.io/typing-svg)
37 | 


--------------------------------------------------------------------------------
/index.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |     margin-left: 32em;
  3 |     margin-right: 2em;
  4 |     margin-top: 1em;
  5 | }
  6 | 
  7 | #chess1 {
  8 |     display: flex;
  9 | }
 10 | 
 11 | #chess2 {
 12 |     display: flex;
 13 | }
 14 | 
 15 | #chess3 {
 16 |     display: flex;
 17 | }
 18 | 
 19 | #chess4 {
 20 |     display: flex;
 21 | }
 22 | 
 23 | #chess5 {
 24 |     display: flex;
 25 | }
 26 | 
 27 | #chess6 {
 28 |     display: flex;
 29 | }
 30 | 
 31 | #chess7 {
 32 |     display: flex;
 33 | }
 34 | 
 35 | #chess8 {
 36 |     display: flex;
 37 | }
 38 | 
 39 | 
 40 | /*width table 1 */
 41 | 
 42 | .a1,
 43 | .c1,
 44 | .e1,
 45 | .g1 {
 46 |     width: 7em;
 47 |     height: 7em;
 48 |     background-color: #000000;
 49 | }
 50 | 
 51 | .b1,
 52 | .d1,
 53 | .f1,
 54 | .h1 {
 55 |     width: 7em;
 56 |     height: 7em;
 57 |     background-color: #f2f2f2;
 58 | }
 59 | 
 60 | 
 61 | /*width table 2 */
 62 | 
 63 | .a2,
 64 | .c2,
 65 | .e2,
 66 | .g2 {
 67 |     width: 7em;
 68 |     height: 7em;
 69 |     background-color: #f2f2f2;
 70 | }
 71 | 
 72 | .b2,
 73 | .d2,
 74 | .f2,
 75 | .h2 {
 76 |     width: 7em;
 77 |     height: 7em;
 78 |     background-color: #000000;
 79 | }
 80 | 
 81 | 
 82 | /*width table 3 */
 83 | 
 84 | .a3,
 85 | .c3,
 86 | .e3,
 87 | .g3 {
 88 |     width: 7em;
 89 |     height: 7em;
 90 |     background-color: #000000;
 91 | }
 92 | 
 93 | .b3,
 94 | .d3,
 95 | .f3,
 96 | .h3 {
 97 |     width: 7em;
 98 |     height: 7em;
 99 |     background-color: #f2f2f2;
100 | }
101 | 
102 | 
103 | /*width table 4 */
104 | 
105 | .a4,
106 | .c4,
107 | .e4,
108 | .g4 {
109 |     width: 7em;
110 |     height: 7em;
111 |     background-color: #f2f2f2;
112 | }
113 | 
114 | .b4,
115 | .d4,
116 | .f4,
117 | .h4 {
118 |     width: 7em;
119 |     height: 7em;
120 |     background-color: #000000;
121 | }
122 | 
123 | 
124 | /*width table 5 */
125 | 
126 | .a5,
127 | .c5,
128 | .e5,
129 | .g5 {
130 |     width: 7em;
131 |     height: 7em;
132 |     background-color: #000000;
133 | }
134 | 
135 | .b5,
136 | .d5,
137 | .f5,
138 | .h5 {
139 |     width: 7em;
140 |     height: 7em;
141 |     background-color: #f2f2f2;
142 | }
143 | 
144 | 
145 | /*width table 6 */
146 | 
147 | .a6,
148 | .c6,
149 | .e6,
150 | .g6 {
151 |     width: 7em;
152 |     height: 7em;
153 |     background-color: #f2f2f2;
154 | }
155 | 
156 | .b6,
157 | .d6,
158 | .f6,
159 | .h6 {
160 |     width: 7em;
161 |     height: 7em;
162 |     background-color: #000000;
163 | }
164 | 
165 | 
166 | /*width table 7 */
167 | 
168 | .a7,
169 | .c7,
170 | .e7,
171 | .g7 {
172 |     width: 7em;
173 |     height: 7em;
174 |     background-color: #000000;
175 | }
176 | 
177 | .b7,
178 | .d7,
179 | .f7,
180 | .h7 {
181 |     width: 7em;
182 |     height: 7em;
183 |     background-color: #f2f2f2;
184 | }
185 | 
186 | 
187 | /*width table 8 */
188 | 
189 | .a8,
190 | .c8,
191 | .e8,
192 | .g8 {
193 |     width: 7em;
194 |     height: 7em;
195 |     background-color: #f2f2f2;
196 | }
197 | 
198 | .b8,
199 | .d8,
200 | .f8,
201 | .h8 {
202 |     width: 7em;
203 |     height: 7em;
204 |     background-color: #000000;
205 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <link rel="stylesheet" href="./index.css">
  9 |     <title>CHESS</title>
 10 | </head>
 11 | 
 12 | <body>
 13 | 
 14 | 
 15 |     <!--width table 1 -->
 16 | 
 17 |     <div id="chess1">
 18 | 
 19 |         <div class="a1">
 20 |             <img src="./images/2.png" alt="1" width="120px" height="120px">
 21 | 
 22 |         </div>
 23 | 
 24 |         <div class="b1">
 25 |             <img src="./images/3.png" alt="2" width="120px" height="120px">
 26 | 
 27 | 
 28 |         </div>
 29 | 
 30 |         <div class="c1">
 31 |             <img src="./images/4.png" alt="2" width="120px" height="120px">
 32 | 
 33 | 
 34 |         </div>
 35 | 
 36 |         <div class="d1">
 37 |             <img src="./images/5.png" alt="2" width="120px" height="120px">
 38 | 
 39 | 
 40 |         </div>
 41 | 
 42 |         <div class="e1">
 43 |             <img src="./images/6.png" alt="2" width="120px" height="120px">
 44 | 
 45 | 
 46 |         </div>
 47 | 
 48 |         <div class="f1">
 49 |             <img src="./images/4.png" alt="2" width="120px" height="120px">
 50 | 
 51 | 
 52 |         </div>
 53 | 
 54 |         <div class="g1">
 55 |             <img src="./images/3.png" alt="2" width="120px" height="120px">
 56 | 
 57 | 
 58 |         </div>
 59 | 
 60 |         <div class="h1">
 61 |             <img src="./images/2.png" alt="2" width="120px" height="120px">
 62 | 
 63 | 
 64 |         </div>
 65 | 
 66 |     </div>
 67 | 
 68 |     <!--width table 2 -->
 69 | 
 70 |     <div id="chess2">
 71 | 
 72 |         <div class="a2">
 73 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
 74 | 
 75 | 
 76 |         </div>
 77 | 
 78 |         <div class="b2">
 79 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
 80 | 
 81 | 
 82 |         </div>
 83 | 
 84 |         <div class="c2">
 85 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
 86 | 
 87 | 
 88 |         </div>
 89 | 
 90 |         <div class="d2">
 91 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
 92 | 
 93 | 
 94 |         </div>
 95 | 
 96 |         <div class="e2">
 97 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
 98 | 
 99 | 
100 |         </div>
101 | 
102 |         <div class="f2">
103 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
104 | 
105 | 
106 |         </div>
107 | 
108 |         <div class="g2">
109 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
110 | 
111 | 
112 |         </div>
113 | 
114 |         <div class="h2">
115 |             <img src="./images/1.png" alt="1" width="120px" height="120px">
116 | 
117 | 
118 |         </div>
119 | 
120 |     </div>
121 | 
122 |     <!--width table 3 -->
123 | 
124 |     <div id="chess3">
125 | 
126 |         <div class="a3">
127 | 
128 |         </div>
129 | 
130 |         <div class="b3">
131 | 
132 |         </div>
133 | 
134 |         <div class="c3">
135 | 
136 |         </div>
137 | 
138 |         <div class="d3">
139 | 
140 |         </div>
141 | 
142 |         <div class="e3">
143 | 
144 |         </div>
145 | 
146 |         <div class="f3">
147 | 
148 |         </div>
149 | 
150 |         <div class="g3">
151 | 
152 |         </div>
153 | 
154 |         <div class="h3">
155 | 
156 |         </div>
157 | 
158 |     </div>
159 | 
160 |     <!--width table 4 -->
161 | 
162 |     <div id="chess4">
163 | 
164 |         <div class="a4">
165 | 
166 |         </div>
167 | 
168 |         <div class="b4">
169 | 
170 |         </div>
171 | 
172 |         <div class="c4">
173 | 
174 |         </div>
175 | 
176 |         <div class="d4">
177 | 
178 |         </div>
179 | 
180 |         <div class="e4">
181 | 
182 |         </div>
183 | 
184 |         <div class="f4">
185 | 
186 |         </div>
187 | 
188 |         <div class="g4">
189 | 
190 |         </div>
191 | 
192 |         <div class="h4">
193 | 
194 |         </div>
195 | 
196 |     </div>
197 | 
198 |     <!--width table 5 -->
199 | 
200 |     <div id="chess5">
201 | 
202 |         <div class="a5">
203 | 
204 |         </div>
205 | 
206 |         <div class="b5">
207 | 
208 |         </div>
209 | 
210 |         <div class="c5">
211 | 
212 |         </div>
213 | 
214 |         <div class="d5">
215 | 
216 |         </div>
217 | 
218 |         <div class="e5">
219 | 
220 |         </div>
221 | 
222 |         <div class="f5">
223 | 
224 |         </div>
225 | 
226 |         <div class="g5">
227 | 
228 |         </div>
229 | 
230 |         <div class="h5">
231 | 
232 |         </div>
233 | 
234 |     </div>
235 | 
236 | 
237 | 
238 | 
239 |     <!--width table 6 -->
240 | 
241 |     <div id="chess6">
242 | 
243 |         <div class="a6">
244 | 
245 |         </div>
246 | 
247 |         <div class="b6">
248 | 
249 |         </div>
250 | 
251 |         <div class="c6">
252 | 
253 |         </div>
254 | 
255 |         <div class="d6">
256 | 
257 |         </div>
258 | 
259 |         <div class="e6">
260 | 
261 |         </div>
262 | 
263 |         <div class="f6">
264 | 
265 |         </div>
266 | 
267 |         <div class="g6">
268 | 
269 |         </div>
270 | 
271 |         <div class="h6">
272 | 
273 |         </div>
274 | 
275 |     </div>
276 | 
277 | 
278 |     <!--width table 7 -->
279 | 
280 |     <div id="chess7">
281 | 
282 |         <div class="a7">
283 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
284 | 
285 | 
286 |         </div>
287 | 
288 |         <div class="b7">
289 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
290 | 
291 | 
292 |         </div>
293 | 
294 |         <div class="c7">
295 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
296 | 
297 | 
298 |         </div>
299 | 
300 |         <div class="d7">
301 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
302 | 
303 | 
304 |         </div>
305 | 
306 |         <div class="e7">
307 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
308 | 
309 | 
310 |         </div>
311 | 
312 |         <div class="f7">
313 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
314 | 
315 | 
316 |         </div>
317 | 
318 |         <div class="g7">
319 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
320 | 
321 | 
322 |         </div>
323 | 
324 |         <div class="h7">
325 |             <img src="./images/7.png" alt="2" width="120px" height="120px">
326 | 
327 | 
328 | 
329 |         </div>
330 | 
331 |     </div>
332 | 
333 | 
334 | 
335 | 
336 |     <!--width table 8 -->
337 | 
338 |     <div id="chess8">
339 | 
340 |         <div class="a8">
341 |             <img src="./images/8.png" alt="2" width="120px" height="120px">
342 | 
343 | 
344 |         </div>
345 | 
346 |         <div class="b8">
347 |             <img src="./images/9.png" alt="2" width="120px" height="120px">
348 | 
349 | 
350 |         </div>
351 | 
352 |         <div class="c8">
353 |             <img src="./images/10.png" alt="2" width="120px" height="120px">
354 | 
355 | 
356 |         </div>
357 | 
358 |         <div class="d8">
359 |             <img src="./images/11.png" alt="2" width="120px" height="120px">
360 | 
361 | 
362 |         </div>
363 | 
364 |         <div class="e8">
365 |             <img src="./images/12.png" alt="2" width="120px" height="120px">
366 | 
367 | 
368 | 
369 |         </div>
370 | 
371 |         <div class="f8">
372 |             <img src="./images/10.png" alt="2" width="120px" height="120px">
373 | 
374 | 
375 | 
376 |         </div>
377 | 
378 |         <div class="g8">
379 |             <img src="./images/9.png" alt="2" width="120px" height="120px">
380 | 
381 | 
382 |         </div>
383 | 
384 |         <div class="h8">
385 |             <img src="./images/8.png" alt="2" width="120px" height="120px">
386 | 
387 | 
388 |         </div>
389 | 
390 |     </div>
391 | 
392 | 
393 | 
394 |     <script src="./index.js"></script>
395 | </body>
396 | 
397 | </html>


--------------------------------------------------------------------------------