diff --git a/index.html b/index.html
index 47fd5cb..6ff8255 100644
--- a/index.html
+++ b/index.html
@@ -76,20 +76,54 @@ <h1>Small JavaScript Projects</h1>
               <div class="projectsName">Analog Clock</div>
           </div>
       </a>
-      <a href="alarm_clock/index.html" class="projectLink" class="projectLink">
+      <a href="alarm_clock/index.html" class="projectLink">
         <div class="projectCard">
           <div class="projectsName">Alarm Clock</div>
         </div>
       </a>
+      <a href="2D archery game/index.html" class="projectLink">
+        <div class="projectCard">
+          <div class="projectsName">2D Archery Game</div>
+        </div>
+      </a>
+      <a href="authentication/public/index.html" class="projectLink">
+        <div class="projectCard">
+          <div class="projectsName">Authentication</div>
+        </div>
+      </a>
+      <a href="automatedQRgenerator/index.html" class="projectLink">
+        <div class="projectCard">
+          <div class="projectsName">Automated QR Generator</div>
+        </div>
+      </a>
+      <a href="Blackjack_game/blackjack.html" class="projectLink">
+        <div class="projectCard">
+          <div class="projectsName">Blackjack Game</div>
+        </div>
+      </a>
       <a href="BMI calculator/BMI calculator.html" class="projectLink">
         <div class="projectCard">
-          <div class="projectsName">BMI calculator</div>
+          <div class="projectsName">BMI Calculator</div>
+        </div>
+      </a>
+      <a href="Bouncing Balls/index.html" class="projectLink">
+        <div class="projectCard">
+          <div class="projectsName">Bouncing Balls</div>
         </div>
       </a>
       <a href="calender/index.html" class="projectLink">
         <div class="projectCard">
+ 
+          <div class="projectsName">Calender</div>
+        </div>
+      </a>
+      <a href="Chatroom Application/public/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Chatroom Application</div>
+
 
         <div class="projectsName">Calender</div>
+
       </div>
       
       </a>
@@ -103,12 +137,21 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectsName">Color Changing Background</div>
         </div>
       </a>
-      
+      <a href="CountDown/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">CountDown</div>
+        </div>
+      </a>
       <a href="Credit Card Validate/CreditCard.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Credit card validate</div>
       </div>
       </a>
+      <a href="creditcardgenarator/public/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Credit Card Generator</div>
+        </div>
+      </a>
       <a href="css lineheight and letter spacing/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">CSS Line Height and Letter Spacing Generator</div>
@@ -122,6 +165,12 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">Currency Converter</div> </div>
       </a>
+      <a href="Dice-Game/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Dice Game </div>
+        </div>
+      </a>
+
 
     </section>
     <script src="js/script.js"></script>
@@ -133,6 +182,21 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">Digital Clock</div> </div>
       </a>
+      <a href="drawing-app/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Drawing App </div>
+        </div>
+      </a>
+      <a href="DrumKit/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Drum Kit</div>
+        </div>
+      </a>
+      <a href="flags/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Flags</div>
+        </div>
+
       <a href="Flappy_Bird/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Flappy Bird </div> </div>
@@ -153,10 +217,25 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">Hang Man</div> </div>
       </a>
+      <a href="Heart pop up/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Heart Pop Up</div>
+        </div>
+      </a>
       <a href="JavaScript Pairs Game/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Javascript Pairs Game</div> </div>
       </a>
+      <a href="Joke_generator/meme.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Joke Generator</div>
+        </div>
+      </a>
+      <a href="JS bubble Game/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Bubble Game</div>
+        </div>
+      </a>
       <a href="JS Calculator/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Calculator</div>  </div>
@@ -176,6 +255,11 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">Music App</div> </div>
       </a>
+      <a href="Music Player/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Music Player</div>
+        </div>
+      </a>
       <a href="Quote Generator/quote_generator.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Quote Generator</div> </div>
@@ -188,14 +272,34 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">Random Password Generator</div> </div>
       </a>
+      <a href="RockPaperScissor/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Rock Paper Scissor</div>
+        </div>
+      </a>
+      <a href="Scramble words/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Scramble Words</div>
+        </div>
+      </a>
       <a href="Simon_Game/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Simon Game</div>  </div>
       </a>
+      <a href="Speech_detection/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Speech Detection</div>
+        </div>
+      </a>
       <a href="Snake Game/index.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Snake Game</div> </div>
       </a>
+      <a href="Temperature_convertor/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Temperature Convertor</div>
+        </div>
+      </a>
       <a href="Tic Tac Toe/tictactoe.php" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Tic Tac Toe</div> </div>
@@ -212,17 +316,27 @@ <h1>Small JavaScript Projects</h1>
         <div class="projectCard">
         <div class="projectsName">To Do List</div> </div>
       </a>
+      <a href="Trivia Quiz Game/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Trivia Quiz Game</div>
+        </div>
+      </a>
       <a href="Unlimited Color/unlimitedcolor.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Unlimited Color</div> </div>
       </a>
+      <a href="video-calling application/client/index.html" class="projectLink">
+        <div class="projectCard">
+        <div class="projectsName">Video Call Application </div>
+        </div>
+      </a>
       <a href="Weather App/weatherapp.html" class="projectLink">
         <div class="projectCard">
         <div class="projectsName">Weather App</div> </div>
       </a>
-      <a href="drawing-app/index.html" class="projectLink">
+      <a href="Wekipidia_clone/index.html" class="projectLink">
         <div class="projectCard">
-        <div class="projectsName">Drawing App</div> </div>
+        <div class="projectsName">Wekipidia Clone</div> </div>
       </a>
       <a href="Rock Paper/index.html" class="projectLink">
         <div class="projectCard">