Merge branch 'main' into about-us

aboutus.html

@@ -7,7 +7,10 @@
     <title>About Us - GamingTools</title>
     <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="shortcut icon" href="images/logo.png" type="image/x-icon">
     <style>
         body {
 
@@ -173,7 +176,11 @@ <h1>About <span> Gaming </span>Tools</h1>
             passionate about providing gamers with the best tools to elevate their gaming experience to new heights.</p>
 
         <h2>Why Choose Us?</h2>
-
+        <h1>About GamingTools</h1>
+        <p class="intro" id="intro">Welcome to GamingTools, your ultimate destination for premium gaming accessories. We're passionate about providing gamers with the best tools to elevate their gaming experience to new heights.</p>
+
+        <h2>Why Choose Us</h2>
+
         <div class="features-grid">
             <div class="feature">
                 <i class="fas fa-gamepad feature-icon"></i>
@@ -248,7 +255,9 @@ <h2 class="logo-text">Collect your GamingTools</h2>
                     <a class="facebook" href="#"><i class="fab fa-facebook"></i></a>
                     <a class="instagram" href="#"><i class="fab fa-instagram"></i></a>
                     <a class="twitter" href="#"><i class="fa-brands fa-x-twitter"></i></a>
+                    <a class="twitter" href="#"><i class="fab fa-twitter"></i></a>
                     <a class="youtube" href="#"><i class="fab fa-youtube"></i></a>
+
                 </div>
             </div>
             <div class="footer-section links">
@@ -292,8 +301,19 @@ <h2>Feedback Form</h2>
             <li><a class="facebook" href="#"><i class="fa-brands fa-youtube"></i></a></li>
         </ul>
     </div>
+
+    <!-- SIDEBAR -->
+    <div class="social-sidebar">
+        <div class="close-btn" id="SideBar" onclick="toggleSidebar()" title="Close Sidebar">&times;</div>
+            <ul id="sidebar-content">
+                <li><a class="facebook" href="https://www.facebook.com/"><i class="fa-brands fa-meta"></i></a></li>
+                <li><a class="twitter" href="https://x.com/"><i class="fa-brands fa-x-twitter">‌</i></a></li>
+                <li><a class="instagram" href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a></li>
+                <li><a class="youtube" href="https://www.youtube.com/"><i class="fa-brands fa-youtube"></i></a></li>
+            </ul>
+        </div>
     <div class="toggle-arrow" onclick="toggleSidebar()" title="Open Sidebar" style="display: none;">
-        <i class="fas fa-arrow-left"></i>
+    <i class="fas fa-arrow-left"></i>
     </div>