Merge pull request #437 from Subhajit-2023-44/TranslationTool

Add Translation Tool done ! #397
swaraj-das · Oct 15, 2024 · 887ec9c · 887ec9c
2 parents 57addb2 + 6e72d88
commit 887ec9c
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 26 deletions.
diff --git 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
@@ -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
@@ -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%;
     }
-
+     
 }