index.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="style.css">
  8. <title>Document</title>
  9. </head>
  10. <body>
  11. <div class="wrapper">
  12. <div class="start-and-score">
  13. <h2 class="score">SCORE: <span>00</span></h2>
  14. <button class="button">START</button>
  15. </div>
  16. <section class="play-ground">
  17. <section class="section">
  18. <img class="mole" src="images/mole.svg" alt="">
  19. <img class="boom" src="images/boom.png" alt="">
  20. <img class="drit" src="images/drit.png" alt="">
  21. </section>
  22. <section class="section">
  23. <img class="mole" src="images/mole.svg" alt="">
  24. <img class="boom" src="images/boom.png" alt="">
  25. <img class="drit" src="images/drit.png" alt="">
  26. </section>
  27. <section class="section">
  28. <img class="mole" src="images/mole.svg" alt="">
  29. <img class="boom" src="images/boom.png" alt="">
  30. <img class="drit" src="images/drit.png" alt="">
  31. </section>
  32. <section class="section">
  33. <img class="mole" src="images/mole.svg" alt="">
  34. <img class="boom" src="images/boom.png" alt="">
  35. <img class="drit" src="images/drit.png" alt="">
  36. </section>
  37. <section class="section">
  38. <img class="mole" src="images/mole.svg" alt="">
  39. <img class="boom" src="images/boom.png" alt="">
  40. <img class="drit" src="images/drit.png" alt="">
  41. </section>
  42. <section class="section">
  43. <img class="mole" src="images/mole.svg" alt="">
  44. <img class="boom" src="images/boom.png" alt="">
  45. <img class="drit" src="images/drit.png" alt="">
  46. </section>
  47. <section class="section">
  48. <img class="mole" src="images/mole.svg" alt="">
  49. <img class="boom" src="images/boom.png" alt="">
  50. <img class="drit" src="images/drit.png" alt="">
  51. </section>
  52. <section class="section">
  53. <img class="mole" src="images/mole.svg" alt="">
  54. <img class="boom" src="images/boom.png" alt="">
  55. <img class="drit" src="images/drit.png" alt="">
  56. </section>
  57. <section class="section">
  58. <img class="mole" src="images/mole.svg" alt="">
  59. <img class="boom" src="images/boom.png" alt="">
  60. <img class="drit" src="images/drit.png" alt="">
  61. </section>
  62. </section>
  63. <section class="leaderboard"></section>
  64. </div>
  65. <div class="overlay"></div>
  66. <script src="script.js"></script>
  67. </body>
  68. </html>