Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Dobbelen</title>
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/cssoef.css" />
  <script src="js/scriptfile.js"></script>
</head>
<body>
<h1>YathPoel - The Game</h1>
  <div id="theDices">
    <!-- Added an ID to the dices -->
    <img src='img/dice1.png' id="dice-1" class="dice"/>
    <img src='img/dice6.png' id="dice-2" class="dice"/>
    <img src='img/dice6.png' id="dice-3" class="dice"/>
    <img src='img/dice6.png' id="dice-4" class="dice"/>
    <img src='img/dice6.png' id="dice-5" class="dice"/>
 </div>
 <button class='btn-yellow'>Gooien</button>
 <button class='btn-pink'>Nieuw spel</button>
 <p><i>Aantal worpen : </i> <span>0</span></p>
 <p><i>Melding : </i> <span>Geen meldingen</span></p>

 <table>
   <thead>
    <tr>
      <td>Worp</td>
      <td>Waarde</td>
      <td>Worp</td>
      <td>Waarde</td>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>Enen</td>
      <td>0</td>
      <td>Trio</td>
      <td>0</td>
    </tr>
    <tr>
      <td>Tweeën</td>
      <td>0</td>
      <td>Quatro</td>
      <td>0</td>
    </tr>
    <tr>
      <td>Drieën</td>
      <td>0</td>
      <td>Cinquo</td>
      <td>0</td>
    </tr>
    <tr>
      <td>Vieren</td>
      <td>0</td>
      <td>Odds</td>
      <td>0</td>
    </tr>
    <tr>
      <td>Vijven</td>
      <td>0</td>
      <td>Evens</td>
      <td>0</td>
    </tr>
    <tr>
      <td>Zessen</td>
      <td>0</td>
      <td>Snakes</td>
      <td>0</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="4" >
        Totale score : <span>0</span>
      </td>
    </tr>
  </tfoot>
 </table>

 <p><i>Scores :</i> <p>Score per spel</span></p>
 </body>
</html>