index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DICE GAME</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
<section class="player player-0 player-active">      
              <h1 class="playerName">Playere 1</h1>
              <h1 id="score-0">0</h1>
              <h1 class="WonMessage-0 WonMessage"></h1>
              <img class="img-0" src="af5b8-batman-logo-white.png" width="80%">
              <div class="box box-0">
                  <p class="current-lable">Current</p>
                  <p class="current-score" id="current-0">0</p>
          </div>
</section>  

<section class="player player-1">
            <h1 class="playerName">Playere 2</h1>
            <h1  id="score-1">0</h1>
            <h1 class="WonMessage-1 WonMessage"></h1>
             <img  class="img-1"  src="af5b8-batman-logo-white.png" width="80%">
            <div class="box box-1">
            <p class="current-lable">Current</p>
            <p class="current-score" id="current-1">0</p>
        </div>
</section>

  <main>

  <button class=" btn btn-new">🔚</button>
  <div id="img-div"><img src="dice-6.png" alt="Playing dice" class="dice"></div>

  <button class=" btn btn-roll">🎲</button>
  <button class=" btn btn-hold">📥</button>

</main>
</div>        


<script src="script.js"></script>
</body>
</html>