Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Chess Board</title>
  6. <link rel="stylesheet" type="text/css" href="_css/normalize.css">
  7. <link rel="stylesheet" type="text/css" href="_css/styles.css">
  8. <link rel="stylesheet" type="text/css" href="_css/bootstrap.min.css">
  9. <link rel="stylesheet" type="text/css" href="_css/font-awesome.min.css">
  10. <link rel="stylesheet" type="text/css" href="_css/jquery-ui.min.css">
  11.  
  12.  
  13. <script type="text/javascript" rel="script" src="_js/jquery-3.2.0.min.js"></script>
  14. <script type="text/javascript" rel="script" src="_js/jquery-ui.min.js"></script>
  15. <script type="text/javascript" rel="script" src="_js/bootstrap.min.js"></script>
  16.  
  17. </head>
  18. <body>
  19.  
  20. <div id="message-div"></div>
  21. <div class="container" style="position: absolute; top: 40px; left: 410px; width: 522px; height: 522px;border: 1px solid black;">
  22. <div id="row-8" class="row">
  23.  
  24. <div id="cell-white-8A" class="col-md-1 cell"><span id="p-black-castle-1" class="black-piece">&#9820</span></div>
  25. <div id="cell-black-8B" class="col-md-1 cell"><span id="p-black-knight-1" class="black-piece">&#9822</span></div>
  26. <div id="cell-white-8C" class="col-md-1 cell"><span id="p-black-bishop-1" class="black-piece">&#9821</span></div>
  27. <div id="cell-black-8D" class="col-md-1 cell"><span id="p-black-queen" class="black-piece">&#9819</span></div>
  28. <div id="cell-white-8E" class="col-md-1 cell"><span id="p-black-king" class="black-piece">&#9818</span></div>
  29. <div id="cell-black-8F" class="col-md-1 cell"><span id="p-black-bishop-2" class="black-piece">&#9821</span></div>
  30. <div id="cell-white-8G" class="col-md-1 cell"><span id="p-black-knight-2" class="black-piece">&#9822</span></div>
  31. <div id="cell-black-8H" class="col-md-1 cell"><span id="p-black-castle-2" class="black-piece">&#9820</span></div>
  32. </div>
  33. <div id="row-7" class="row">
  34. <div id="cell-black-7A" class="col-md-1 cell"><span id="p-black-pawn-1" class="black-piece">&#9823</span></div>
  35. <div id="cell-white-7B" class="col-md-1 cell"><span id="p-black-pawn-2" class="black-piece">&#9823</span></div>
  36. <div id="cell-black-7C" class="col-md-1 cell"><span id="p-black-pawn-3" class="black-piece">&#9823</span></div>
  37. <div id="cell-white-7D" class="col-md-1 cell"><span id="p-black-pawn-4" class="black-piece">&#9823</span></div>
  38. <div id="cell-black-7E" class="col-md-1 cell"><span id="p-black-pawn-5" class="black-piece">&#9823</span></div>
  39. <div id="cell-white-7F" class="col-md-1 cell"><span id="p-black-pawn-6" class="black-piece">&#9823</span></div>
  40. <div id="cell-black-7G" class="col-md-1 cell"><span id="p-black-pawn-7" class="black-piece">&#9823</span></div>
  41. <div id="cell-white-7H" class="col-md-1 cell"><span id="p-black-pawn-8" class="black-piece">&#9823</span></div>
  42. </div>
  43. <div id="row-6" class="row">
  44. <div id="cell-white-6A" class="col-md-1 cell"></div>
  45. <div id="cell-black-6B" class="col-md-1 cell"></div>
  46. <div id="cell-white-6C" class="col-md-1 cell"></div>
  47. <div id="cell-black-6D" class="col-md-1 cell"></div>
  48. <div id="cell-white-6E" class="col-md-1 cell"></div>
  49. <div id="cell-black-6F" class="col-md-1 cell"></div>
  50. <div id="cell-white-6G" class="col-md-1 cell"></div>
  51. <div id="cell-black-6H" class="col-md-1 cell"></div>
  52. </div>
  53. <div id="row-5" class="row">
  54. <div id="cell-black-5A" class="col-md-1 cell"></div>
  55. <div id="cell-white-5B" class="col-md-1 cell"></div>
  56. <div id="cell-black-5C" class="col-md-1 cell"></div>
  57. <div id="cell-white-5D" class="col-md-1 cell"></div>
  58. <div id="cell-black-5E" class="col-md-1 cell"></div>
  59. <div id="cell-white-5F" class="col-md-1 cell"></div>
  60. <div id="cell-black-5G" class="col-md-1 cell"></div>
  61. <div id="cell-white-5H" class="col-md-1 cell"></div>
  62. </div>
  63. <div id="row-4" class="row">
  64. <div id="cell-white-4A" class="col-md-1 cell"></div>
  65. <div id="cell-black-4B" class="col-md-1 cell"></div>
  66. <div id="cell-white-4C" class="col-md-1 cell"></div>
  67. <div id="cell-black-4D" class="col-md-1 cell"></div>
  68. <div id="cell-white-4E" class="col-md-1 cell"></div>
  69. <div id="cell-black-4F" class="col-md-1 cell"></div>
  70. <div id="cell-white-4G" class="col-md-1 cell"></div>
  71. <div id="cell-black-4H" class="col-md-1 cell"></div>
  72. </div>
  73. <div id="row-3" class="row">
  74. <div id="cell-black-3A" class="col-md-1 cell"></div>
  75. <div id="cell-white-3B" class="col-md-1 cell"></div>
  76. <div id="cell-black-3C" class="col-md-1 cell"></div>
  77. <div id="cell-white-3D" class="col-md-1 cell"></div>
  78. <div id="cell-black-3E" class="col-md-1 cell"></div>
  79. <div id="cell-white-3F" class="col-md-1 cell"></div>
  80. <div id="cell-black-3G" class="col-md-1 cell"></div>
  81. <div id="cell-white-3H" class="col-md-1 cell"></div>
  82. </div>
  83. <div id="row-2" class="row">
  84. <div id="cell-white-2A" class="col-md-1 cell"><span id="p-white-pawn-1" class="white-piece">&#9817</span></div>
  85. <div id="cell-black-2B" class="col-md-1 cell"><span id="p-white-pawn-2" class="white-piece">&#9817</span></div>
  86. <div id="cell-white-2C" class="col-md-1 cell"><span id="p-white-pawn-3" class="white-piece">&#9817</span></div>
  87. <div id="cell-black-2D" class="col-md-1 cell"><span id="p-white-pawn-4" class="white-piece">&#9817</span></div>
  88. <div id="cell-white-2E" class="col-md-1 cell"><span id="p-white-pawn-5" class="white-piece">&#9817</span></div>
  89. <div id="cell-black-2F" class="col-md-1 cell"><span id="p-white-pawn-6" class="white-piece">&#9817</span></div>
  90. <div id="cell-white-2G" class="col-md-1 cell"><span id="p-white-pawn-7" class="white-piece">&#9817</span></div>
  91. <div id="cell-black-2H" class="col-md-1 cell"><span id="p-white-pawn-8" class="white-piece">&#9817</span></div>
  92. </div>
  93. <div id="row-1" class="row">
  94. <div id="cell-black-1A" class="col-md-1 cell"><span id="p-white-castle-1" class="white-piece">&#9814</span></div>
  95. <div id="cell-white-1B" class="col-md-1 cell"><span id="p-white-knight-1" class="white-piece">&#9816</span></div>
  96. <div id="cell-black-1C" class="col-md-1 cell"><span id="p-white-bishop-1" class="white-piece">&#9815</span></div>
  97. <div id="cell-white-1D" class="col-md-1 cell"><span id="p-white-queen" class="white-piece">&#9813</span></div>
  98. <div id="cell-black-1E" class="col-md-1 cell"><span id="p-white-king" class="white-piece">&#9812</span></div>
  99. <div id="cell-white-1F" class="col-md-1 cell"><span id="p-white-bishop-2" class="white-piece">&#9815</span></div>
  100. <div id="cell-black-1G" class="col-md-1 cell"><span id="p-white-knight-2" class="white-piece">&#9816</span></div>
  101. <div id="cell-white-1H" class="col-md-1 cell"><span id="p-white-castle-2" class="white-piece">&#9814</span></div>
  102. </div>
  103. </div>
  104. <script type="text/javascript" rel="script" src="_js/chess1.js"></script>
  105. </body>
  106. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement