AadeshNichite · DebarunMitra · Sep 19, 2019 · Sep 19, 2019 · Sep 19, 2019 · Sep 20, 2019
diff --git a/README.md b/README.md
@@ -1,4 +1,32 @@
 # CanvasGame
-Simple canvas game using HTML,CSS,javaScript,jquery,Bootstrap.
-## Author
-Aadesh, Debarun
+
+GoblinGo, a JavaScript based multiplayer canvas game. In this game there are three characters present, player-one player-two and goblin. Goblin is the villain of this game. This game will continue for one minute. In this time, both players will try to kill the goblin and everytime goblin will appear in some new place. At the end of one minute which player would collect more scores ,he/she will be the winner.  
+
+## Application Name
+GoblinGo
+
+## Author:
+
+[Aadesh Nichite](https://github.com/AadeshNichite)
+
+[Debarun Mitra](https://github.com/DebarunMitra)
+
+## Technology Used:
+
+HTML,Canvas, CSS, JavaScript(ES6), Bootstrap
+
+## Objective:
+
+Create a GoblinGo game
+
+## Game Rules:
+
+#### 1) First set a player name.
+#### 2) Click on to the start button and play.
+#### 3) Timer runs for one minute.
+#### 4) Player who score more will win.
+
+## Video:
+[GoblinGo Video](images/GoblinGo.mp4)
+## Visit:
+[GoblinGO](https://aadeshnichite.github.io/CanvasGame/)
diff --git a/css/style.css b/css/style.css
@@ -6,9 +6,27 @@ objective: Create a responsive game using HTML canvas, CSS, JavaScript, jQuery,B
 .pos-center
 {
   max-width: 1000px;
-  margin-left: 10%;
+  margin-left: 20%;
 }
 #cid
 {
   margin-left: -30%;
 }
+.player-icon
+{
+  height: 40px;
+}
+.score
+{
+  margin-left: 25px;
+  color: red;
+  font-size: 40px;
+  font-weight: bold;
+}
+.winner
+{
+  margin-top: -70px;
+  font-size: 30px;
+  font-weight:bold;
+  color: #ffff00;
+}
diff --git a/index.html → game.html b/index.html → game.html
@@ -10,45 +10,48 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 	  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="css/style.css">
     <title>GoblinGo</title>
   </head>
   <body>
-      <div class="container-fluid pos-center">
-        <div class="row">
+      <div class="container pos-center">
+        <div class="row d-flex justify-content-center">
           <div class="col">
-            <p>player-1</p>
+            <img class="player-icon" src="images/player-1.png" alt="player-1">
+            <p class="p-name" style="color:#575700; font-size:20px; font-weight:bold;" id="player1Name">player-1</p>
           </div>
           <div class="col">
-            <p>Time:02:20</p>
+            <p style="color:#013806; font-size:20px; font-weight:bold;">Time:<i id="timer">02:20</i></p>
           </div>
           <div class="col">
-            <p>player-2</p>
+            <img class="player-icon" src="images/player-2.png" alt="player-2">
+            <p class="p-name" style="color:#015955; font-size:20px; font-weight:bold;" id="player2Name">player-2</p>
           </div>
         </div>
-        <div class="row">
+        <div style="color:red; font-size:20px; font-weight:bold;" class="row d-flex justify-content-center">
           <div class="col">
-            <p>score-1</p>
+            <p >Score: <i id="player1Score">score-1</i></p>
           </div>
           <div class="col">
             <p></p>
           </div>
           <div class="col">
-            <p>score-2</p>
+            <p>Score: <i id="player2Score">score-1</i></p>
           </div>
         </div>
-        <div class="row">
+        <div class="row d-flex justify-content-center">
           <div class="col"></div>
           <div id="cid" class="col-auto">
             <canvas id="myCanvas">Sorry, your browser doesn't support the &lt;canvas&gt; element.</canvas>
           </div>
           <div class="col"></div>
         </div>
       </div>
+      <script src="gameJS/app.js"></script>
     <script type="text/javascript" src="js/script.js"></script>
+
   </body>
 </html>