diff --git a/css/home.css b/css/index.css
similarity index 100%
rename from css/home.css
rename to css/index.css
diff --git a/dance.html b/dance.html
index ac350dd..0588275 100644
--- a/dance.html
+++ b/dance.html
@@ -31,20 +31,21 @@ <h2 class="font-italic">
       <!--nav Links-->
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
-          <!--home-->
-          <li class="nav-item active">
-            <a href="#" class="nav-link">Home</a>
+          <!--links-->
+          <li class="nav-item ml-1">
+            <a href="index.html" class="nav-link">Home</a>
           </li>
-          <!--products-->
           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">sports</a>
+            <a href="sport.html" class="nav-link">Sports</a>
           </li>
-           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Dance</a>
+          <li class="nav-item ml-1">
+            <a href="music.html" class="nav-link">Music</a>
           </li>
-        
-         
-     
+          <li class="nav-item active">
+            <a href="dance.html" class="nav-link">Dance</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="game.html" class="nav-link">Game</a>
           </li>
         </ul>
       </div>
diff --git a/game.html b/game.html
index 050f7d5..04a7feb 100644
--- a/game.html
+++ b/game.html
@@ -31,24 +31,21 @@ <h2 class="font-italic">
       <!--nav Links-->
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
-          <!--home-->
-          <li class="nav-item active">
-            <a href="#" class="nav-link">Home</a>
+          <!--links-->
+          <li class="nav-item ml-1">
+              <a href="index.html" class="nav-link">Home</a>
           </li>
-          <!--products-->
           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Sports</a>
+              <a href="sport.html" class="nav-link">Sports</a>
           </li>
-           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Dance</a>
+          <li class="nav-item ml-1">
+              <a href="music.html" class="nav-link">Music</a>
           </li>
-            </li>
-           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Music</a>
+          <li class="nav-item ml-1">
+              <a href="dance.html" class="nav-link">Dance</a>
           </li>
-        
-         
-     
+          <li class="nav-item active">
+              <a href="game.html" class="nav-link">Game</a>
           </li>
         </ul>
       </div>
@@ -83,6 +80,24 @@ <h4 class="text-center font-italic mb-4">Game List
     
     <div class="row justify-content-center font-italic mt-4">
 
+      <!-- PUBG card -->
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://s3.india.com/wp-content/uploads/2020/08/PUBG-cover-image_0_0.jpg" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">PUBG</h5>
+           <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+            </a>           
+          </div>
+        </article>
+      </div>
+      <!-- Call of Duty -->
       <div class="col-md-4">
         <!--product card-->
         <article class="card text-center font-italic mb-4">
@@ -90,25 +105,68 @@ <h4 class="text-center font-italic mb-4">Game List
           <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ1yvkmjDP2Ajk-k5p8fZaQnWLaX-QIN7THUw&usqp=CAU" alt="image" class="card-img-top">
           <div class="card-body">
             <!-- name-->
-            <h5 class="card-title">
-             Call Of Duty
-            </h5>
-           
-          
-            
-        
-
-            <!--more info button-->
+            <h5 class="card-title">Call Of Duty</h5>
+           <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+            </a>           
+          </div>
+        </article>
+      </div>
+      <!-- Free Fire -->
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://cdn.game.tv/game-tv-content/images_2/mobile/game_banner/0fde9bfa7745988c4500f0680aeb8393/en/0fde9bfa7745988c4500f0680aeb8393.jpg" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">Free Fire</h5>
+           <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+            </a>           
+          </div>
+        </article>
+      </div>
+      <!-- Asphalt 9 -->
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://wallpaperaccess.com/full/1316061.jpg" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">Asphalt 9</h5>
+           <!--more info button-->
+            <a href="#" class="btn btn-success mb-2">
+                            <i class="fa fa-info-circle" aria-hidden="true"></i>
+                            More info
+            </a>           
+          </div>
+        </article>
+      </div>
+      <!-- FAU-G -->
+      <div class="col-md-4">
+        <!--product card-->
+        <article class="card text-center font-italic mb-4">
+          <!--product image-->
+          <img src="https://www.duupdates.in/wp-content/uploads/2020/09/FAU-G-game.jpg" alt="image" class="card-img-top">
+          <div class="card-body">
+            <!-- name-->
+            <h5 class="card-title">FAU-G</h5>
+           <!--more info button-->
             <a href="#" class="btn btn-success mb-2">
                             <i class="fa fa-info-circle" aria-hidden="true"></i>
                             More info
-                        </a>
-            
+            </a>           
           </div>
         </article>
       </div>
+      
 
-     
 
     </div>
   </div>
diff --git a/home.html b/index.html
similarity index 94%
rename from home.html
rename to index.html
index fcfb21d..cc02296 100644
--- a/home.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>  
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="stylesheet" type="text/css" href="css/home.css">
+<link rel="stylesheet" type="text/css" href="css/index.css">
 <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
 <title>Home</title>
@@ -20,10 +20,10 @@ <h2 class="font-italic">
         </h2>
       </div>
       <ul class="nav">
-        <li><a href="#">Sports</a></li>
-        <li><a href="#">Music</a></li>
-        <li><a href="#">Dance</a></li>
-        <li><a href="#">Game</a></li>
+        <li><a href="sport.html">Sports</a></li>
+        <li><a href="music.html">Music</a></li>
+        <li><a href="dance.html">Dance</a></li>
+        <li><a href="game.html">Game</a></li>
       </ul>
     </div>
   </div>
diff --git a/music.html b/music.html
index 12b29e3..8c39013 100644
--- a/music.html
+++ b/music.html
@@ -31,17 +31,21 @@ <h2 class="font-italic">
       <!--nav Links-->
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
-          <!--home-->
+          <!--links-->
+          <li class="nav-item ml-1">
+            <a href="index.html" class="nav-link">Home</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="sport.html" class="nav-link">Sports</a>
+          </li>
           <li class="nav-item active">
-            <a href="#" class="nav-link">Home</a>
+            <a href="music.html" class="nav-link">Music</a>
           </li>
-          <!--products-->
           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">sports</a>
+            <a href="dance.html" class="nav-link">Dance</a>
           </li>
-        
-         
-     
+          <li class="nav-item ml-1">
+            <a href="game.html" class="nav-link">Game</a>
           </li>
         </ul>
       </div>
diff --git a/sport.html b/sport.html
index fad8bd1..b4c088a 100644
--- a/sport.html
+++ b/sport.html
@@ -31,17 +31,21 @@ <h2 class="font-italic">
       <!--nav Links-->
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
-          <!--home-->
+          <!--links-->
+          <li class="nav-item ml-1">
+            <a href="index.html" class="nav-link">Home</a>
+          </li>
           <li class="nav-item active">
-            <a href="#" class="nav-link">Home</a>
+            <a href="sport.html" class="nav-link">Sports</a>
           </li>
-          <!--products-->
           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Music</a>
+            <a href="music.html" class="nav-link">Music</a>
           </li>
-        
-         
-     
+          <li class="nav-item ml-1">
+            <a href="dance.html" class="nav-link">Dance</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="game.html" class="nav-link">Game</a>
           </li>
         </ul>
       </div>