index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel = "stylesheet" href = "style.css">
</head>
<body>
    
    <div class = "outer-box">
        <div class = "left active">
            <h1>PLAYER 1</h1>
            <p class = "total-score-1">0</p>
            <div class = "in-box-1">
                <p class = "inner-text">CURRENT</p>
                <p class = "current-score-1">0</p>
            </div>
            
        </div>
        <div class = "buttons">
            <button class = "button1">🔁NEW GAME</button>
            <img class = "dice hidden" src = "dice-2.png">
            <button class = "button2">🎲ROLL DICE</button>
            <button class = "button3">📥HOLD</button>
        </div>
        <div class = "right inactive">
            <h1>PLAYER 2</h1>
            <p class = "total-score-2">0</p>
            <div class = "in-box-2">
                <p class = "inner-text">CURRENT</p>
                <p class = "current-score-2">0</p>
            </div>
        </div>
    </div>
    <script src = "script.js"></script>
</body>
</html>