diff --git a/books.html b/books.html
index 4fda9a6..f110f21 100644
--- a/books.html
+++ b/books.html
@@ -15,7 +15,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark font-italic">
     <div class="container">
       <!--brand-->
-      <a href="#" class="navbar-brand">
+      <a href="home.html" class="navbar-brand">
         <!--logo-->
         <h2 class="font-italic">
           Play
@@ -32,22 +32,24 @@ <h2 class="font-italic">
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
           <!--home-->
-          <li class="nav-item active">
-            <a href="home.html" class="nav-link">Home</a>
+          <li class="nav-item ml-1">
+            <a href="#" class="nav-link">Home</a>
           </li>
           <!--products-->
           <li class="nav-item ml-1">
-            <a href="sport.html" class="nav-link">sports</a>
+            <a href="sport.html" class="nav-link">Sports</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="music.html" class="nav-link">Music</a>
           </li>
-           <li class="nav-item ml-1">
+          <li class="nav-item ml-1">
             <a href="dance.html" class="nav-link">Dance</a>
           </li>
           <li class="nav-item ml-1">
-            <a href="music.html" class="nav-link">Music</a>
+            <a href="game.html" class="nav-link">Game</a>
           </li>
-        
-         
-     
+          <li class="nav-item ml-1 active">
+            <a href="#" class="nav-link">Books</a>
           </li>
         </ul>
       </div>
diff --git a/dance.html b/dance.html
index 5b14a34..9a959b8 100644
--- a/dance.html
+++ b/dance.html
@@ -15,7 +15,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark font-italic">
     <div class="container">
       <!--brand-->
-      <a href="#" class="navbar-brand">
+      <a href="home.html" class="navbar-brand">
         <!--logo-->
         <h2 class="font-italic">
           Play
@@ -32,19 +32,24 @@ <h2 class="font-italic">
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
           <!--home-->
-          <li class="nav-item active">
-            <a href="home.html" class="nav-link">Home</a>
+          <li class="nav-item ml-1">
+            <a href="#" class="nav-link">Home</a>
           </li>
           <!--products-->
           <li class="nav-item ml-1">
-            <a href="sport.html" class="nav-link">sports</a>
+            <a href="sport.html" class="nav-link">Sports</a>
           </li>
-           <li class="nav-item ml-1">
-            <a href="books.html" class="nav-link">Books</a>
+          <li class="nav-item ml-1">
+            <a href="music.html" class="nav-link">Music</a>
           </li>
-        
-         
-     
+          <li class="nav-item ml-1 active">
+            <a href="#" class="nav-link">Dance</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="game.html" class="nav-link">Game</a>
+          </li>
+          <li class="nav-item ml-1">
+            <a href="books.html" class="nav-link">Books</a>
           </li>
         </ul>
       </div>
diff --git a/game.html b/game.html
index d8b2cf9..a52052e 100644
--- a/game.html
+++ b/game.html
@@ -15,7 +15,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark font-italic">
     <div class="container">
       <!--brand-->
-      <a href="#" class="navbar-brand">
+      <a href="home.html" class="navbar-brand">
         <!--logo-->
         <h2 class="font-italic">
           Play
@@ -32,27 +32,25 @@ <h2 class="font-italic">
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
           <!--home-->
-          <li class="nav-item active">
-            <a href="home.html" class="nav-link">Home</a>
+          <li class="nav-item ml-1">
+            <a href="#" class="nav-link">Home</a>
           </li>
           <!--products-->
           <li class="nav-item ml-1">
             <a href="sport.html" class="nav-link">Sports</a>
           </li>
-           <li class="nav-item ml-1">
+          <li class="nav-item ml-1">
+            <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>
-           <li class="nav-item ml-1">
-            <a href="music.html" class="nav-link">Music</a>
+          <li class="nav-item ml-1 active">
+            <a href="#" class="nav-link">Game</a>
           </li>
           <li class="nav-item ml-1">
             <a href="books.html" class="nav-link">Books</a>
           </li>
-        
-         
-     
-          </li>
         </ul>
       </div>
     </div>
diff --git a/music.html b/music.html
index 4aaced9..2be3a52 100644
--- a/music.html
+++ b/music.html
@@ -15,7 +15,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark font-italic">
     <div class="container">
       <!--brand-->
-      <a href="#" class="navbar-brand">
+      <a href="home.html" class="navbar-brand">
         <!--logo-->
         <h2 class="font-italic">
           Play
@@ -32,16 +32,24 @@ <h2 class="font-italic">
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
           <!--home-->
-          <li class="nav-item active">
+          <li class="nav-item ml-1">
             <a href="#" 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 active">
+            <a href="#" 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>
+          <li class="nav-item ml-1">
+            <a href="books.html" class="nav-link">Books</a>
           </li>
         </ul>
       </div>
diff --git a/sport.html b/sport.html
index 1280cae..f951693 100644
--- a/sport.html
+++ b/sport.html
@@ -15,7 +15,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark font-italic">
     <div class="container">
       <!--brand-->
-      <a href="#" class="navbar-brand">
+      <a href="home.html" class="navbar-brand">
         <!--logo-->
         <h2 class="font-italic">
           Play
@@ -32,10 +32,13 @@ <h2 class="font-italic">
       <div class="collapse navbar-collapse justify-content-end" id="navlinks">
         <ul class="navbar-nav text-center">
           <!--home-->
-          <li class="nav-item active">
+          <li class="nav-item ml-1">
             <a href="home.html" class="nav-link">Home</a>
           </li>
           <!--products-->
+          <li class="nav-item ml-1 active">
+            <a href="#" class="nav-link">Sports</a>
+          </li>
           <li class="nav-item ml-1">
             <a href="music.html" class="nav-link">Music</a>
           </li>
@@ -43,17 +46,10 @@ <h2 class="font-italic">
             <a href="dance.html" class="nav-link">Dance</a>
           </li>
           <li class="nav-item ml-1">
-            <a href="books.html" class="nav-link">Books</a>
-          </li>
-          <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Dance</a>
+            <a href="game.html" class="nav-link">Game</a>
           </li>
           <li class="nav-item ml-1">
-            <a href="#" class="nav-link">Game</a>
-          </li>
-        
-         
-     
+            <a href="books.html" class="nav-link">Books</a>
           </li>
         </ul>
       </div>