game/index.html at master · Revenge-Rakesh/game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="pig.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <title>Small game</title>
    </head>
    <body>
        <button class="btn-new"><i class="fa fa-newgame">New Game</i></button>
        <div class="content">
            <div class="player-0-pannel active">
             <div class="player-name-0" >Player 1 </div>
             <div class="player-totalscore">Total score</div>
             <div class="tscore" id="rscore-0">10</div>
             <div class="current">
             <div class="current-score">Current score</div>
             <div class="cscore" id="score-0">11</div>
             </div>
         </div>
            <div class="player-1-pannel">
             <div class="player-name-1" >Player 2</div>
             <div class="player-totalscore">Total score</div>
             <div class="tscore" id="rscore-1">100</div>
             <div class="current">
             <div class="current-score">Current score</div>
             <div class="cscore" id="score-1">111</div>
             </div>
         </div>
       </div>
        <img src="../dice-4.png" alt="Dice" class="dice" style="border: 2px solid black">
        <button class="btn-roll"><i class="fa fa-roll">Roll Dice</i></button>
        <button class="btn-hold"><i class="fa fa-hold">Hold</i></button>
        <script src="pig.js">
        </script>
    </body>
</html>