diff --git a/aboutus.html b/aboutus.html
index f35ab8ae..3694ef7d 100644
--- a/aboutus.html
+++ b/aboutus.html
@@ -8,21 +8,28 @@
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="style.css">
     <style>
+
         body {
-            font-family: 'Poppins', sans-serif;
-            line-height: 1.6;
-            color: #333;
-            margin: 0;
-            padding: 0;
-            background-color: white;
+
+            font-family:  'Poppins', sans-serif;
+            line-height:  1.6;
+            color:  #333;
+            margin:  0;
+            padding:  0;
+            background-color:  white;
+
         }
-        .container {
+
+        .container { 
+
             width: 90%;
             max-width: 1200px;
             margin: auto;
             overflow: hidden;
             padding: 20px;
+
         }
+        
         .main-content {
             padding: 40px 0;
         }
@@ -287,6 +294,13 @@ <h2>Feedback Form</h2>
         <script>
             AOS.init();
         </script>
+
+
+        <div class="gtranslate_wrapper"></div>
+        <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+        <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
+
+
 </body>
 
 
diff --git a/index.html b/index.html
index 94448167..e77962e3 100644
--- a/index.html
+++ b/index.html
@@ -2,31 +2,32 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <meta charset= "UTF-8">
+    <meta name= "viewport" content="width=device-width, initial-scale=1.0">
     <title>Collect your GamingTools</title>
 
     <!--adding meta keywords and description -->
-    <meta name="keywords" content="gaming tools, game accessories, gaming gear, gaming equipment, gaming setup, game controller, gaming mouse, gaming keyboard, gaming headset, gaming software, eSports tools, gaming community, gaming chair, VR gaming tools, game streaming equipment, console gaming, PC gaming, mobile gaming, gaming tips, game reviews, gaming news">
-    <meta name="description" content="Collect and discover the ultimate gaming tools and accessories to enhance your gaming experience. From high-performance controllers and mice to immersive headsets and VR gaming equipment, we have everything you need for console, PC, and mobile gaming. Join our gaming community for tips and reviews to stay ahead in the game!">
-
-    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <meta name= "keywords" content="gaming tools, game accessories, gaming gear, gaming equipment, gaming setup, game controller, gaming mouse, gaming keyboard, gaming headset, gaming software, eSports tools, gaming community, gaming chair, VR gaming tools, game streaming equipment, console gaming, PC gaming, mobile gaming, gaming tips, game reviews, gaming news">
+    <meta name= "description" content="Collect and discover the ultimate gaming tools and accessories to enhance your gaming experience. From high-performance controllers and mice to immersive headsets and VR gaming equipment, we have everything you need for console, PC, and mobile gaming. Join our gaming community for tips and reviews to stay ahead in the game!">
+
+    <link rel= "shortcut icon" href="images/logo.png" type="image/x-icon">
+    <link rel= "stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href= "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <link rel= "stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel= "stylesheet" href="style.css">
+    <link rel= "stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
 </head>
 
 <body>
-    <div id="progressBarContainer">
-        <div id="progressBar"></div>
+    <div id= "progressBarContainer">
+        <div id= "progressBar"></div>
     </div>
       
-        <div class="container">
+        <div class= "container">
             
-            <div class="navbar">
-                <div class="logo-outer">
+            <div class= "navbar">
+                <div class= "logo-outer">
                     <a href="/"> <img src="images/logo.png" class="logo" alt="Logo"></a>
                     <a href="/"><span class="website-name">Collect your GamingTools</span></a>
                 </div>
@@ -718,6 +719,12 @@ <h2>Feedback Form</h2>
         <script>
             AOS.init();
         </script>
+
+        <div class="gtranslate_wrapper"></div>
+        <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+        <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
+
+
 </body>
 
 
diff --git a/style.css b/style.css
index 8e72556d..7cbd387d 100644
--- a/style.css
+++ b/style.css
@@ -108,9 +108,12 @@ button[type="submit"]:hover {
     background: linear-gradient(to right, #fb5283, #ff3527);; 
     transition: width 0.2s ease; 
   }
+
 *.dark-mode{
-    background-color: #493d3d;
-    color:#f1f1f1;
+
+    background-color:  #493d3d;
+    color: #f1f1f1;
+    
 }
 
 html {
@@ -1782,13 +1785,15 @@ button {
         padding: 30px 100px;
     }
     .testi .thumbnail{
+
         width: 200px;
         height: 200px;
+
     }
     .testi :is(swiper-button-next, .swiper-button-prev){
         top: 50%;
     }
-    
+     
 }
 
 
