diff --git a/index.html b/index.html
index 2bcd33582ca6214cd7b60fad56550f29754eb9d1..ce3dce85c87b0690d94acbf4c51702a782a58ec0 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,83 @@
-<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="game-logic.js"></script>
- <title>Blackjack</title>
</head>
- <body>
- This is blackjack
+ <body style="background-color: green; color:white; font-family:Arial, Helvetica, sans-serif;">
+ <table border="1" width="50%" align="center">
+ <tr>
+ <td colspan="2">
+ <button id="button-run">Start a new game</button>
+ </td>
+ </tr>
+ <tr>
+ <td>Player's wallet</td>
+ <td id="player-wallet"> </td>
+ </tr>
+ <tr>
+ <td>Current bet</td>
+ <td id="player-bet"><input id="player-bet-input" type="text" disabled /><button id="player-bet-button" disabled>Confirm your bet</button></td>
+ </tr>
+ <tr>
+ <td colspan="2">Player's cards:</td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <table id="player-cards" border="1" width="700px" height="110px">
+ <tr>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td width="130px">Player's score:</td>
+ <td id="player-score"> </td>
+ </tr>
+ <tr>
+ <td id="console-log" colspan="2" height="50px" align="center">
+
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" height="100px" align="center">
+ <button id="button-stay" style="width: 100px;" disabled >Stay</button>
+ <button id="button-hit" style="width: 100px;" disabled >Hit</button>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">Dealer's cards:</td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <table id="dealer-cards" border="1" width="700px" height="110px">
+ <tr>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ <td width="10%"> </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td width="130px">Dealer's score:</td>
+ <td id="dealer-score"> </td>
+ </tr>
+ </table>
</body>
-</html>
\ No newline at end of file
+</html>