From 4c903b5a6274aa7e13b57683d538a2b71ef7ac07 Mon Sep 17 00:00:00 2001
From: rahulbamnuya <rahulbamniya9384@gmail.com>
Date: Wed, 16 Oct 2024 10:05:16 +0530
Subject: [PATCH 1/2] Improve css of copyright section

---
 index.html      |  3 ++-
 popup/popup.css |  2 +-
 style.css       | 36 ++++++++++++++++++++++++++++++++----
 3 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 283afaab..bbcd4f41 100644
--- a/index.html
+++ b/index.html
@@ -659,7 +659,8 @@ <h2>Feedback Form</h2>
             </div>
         </div>
         <div class="footer-bottom">
-            &copy; 2024 GamingTools | Designed by Swaraj
+            <p>© 2024 GamingTools | All Rights Reserved</p>
+            <p>Designed and Developed by <span>Swaraj</span></p>
         </div>
         
     </footer>
diff --git a/popup/popup.css b/popup/popup.css
index cb231c2a..d1412f36 100644
--- a/popup/popup.css
+++ b/popup/popup.css
@@ -84,7 +84,7 @@
 
   p {
     margin-bottom: 26px;
-    color: #555;
+    color: #d7d7d7;
     font-size: 13px;
   }
 
diff --git a/style.css b/style.css
index 7cbd387d..e7afb409 100644
--- a/style.css
+++ b/style.css
@@ -815,11 +815,38 @@ button {
 }
 
 .footer-bottom {
-    background: #343a40;
-    color: #686868;
+    background-color: #111;
+    color: #fff;
     text-align: center;
-    padding: 15px 0;
-    margin-top: 40px;
+    padding: 20px 0;
+    
+    /* Add a subtle brand color */
+    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);
+    /* Shadow for depth */
+}
+
+.footer-bottom p {
+    font-size: 1rem;
+    margin: 5px 0;
+    color: white;
+    letter-spacing: 1.02
+    px;
+}
+
+.footer-bottom p span {
+    color: #f0c040;
+    /* Highlight designer name */
+    font-weight: bold;
+}
+
+.footer-bottom p:hover {
+    color: #f0c040;
+    /* Hover effect for the footer text */
+    transition: color 0.3s ease-in-out;
+}
+
+.footer-bottom span:hover {
+    color: white;
 }
 
 @media screen and (max-width: 768px) {
@@ -885,6 +912,7 @@ button {
     border: none;
     transition: background-color 0.3s ease, transform 0.3s ease; 
     z-index: 1;
+    border: 1px solid rgb(147, 143, 143);
 }
 
 .social-sidebar ul{

From d69fff14b70765ec154349271e3c5c04b5334abf Mon Sep 17 00:00:00 2001
From: rahulbamnuya <rahulbamniya9384@gmail.com>
Date: Wed, 16 Oct 2024 10:48:33 +0530
Subject: [PATCH 2/2] i have imrpve css of customer support page ,add custome
 message and also add good icons for each field

---
 index.html | 151 ++++++++++++++++++++++++++---------------------------
 style.css  |  53 ++++++++++++++++++-
 2 files changed, 126 insertions(+), 78 deletions(-)

diff --git a/index.html b/index.html
index bbcd4f41..9c034847 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,9 @@
     <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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+        integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOMhZj7z9qvhs8kcJ6D6t3h7jsKK4Gk16+/D57g" crossorigin="anonymous">
+
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="./popup/popup.css"/>
 
@@ -528,86 +531,82 @@ <h4>Emily Davismore</h4>
 
 
 
-            <section id="contact" data-aos="fade-right">
-                
-                <div class="card pb-5 pt-1">
-                    <div class="card-header">
-                        <h2 >Contact Us</h2>
+           <section id="contact" data-aos="fade-right">
+            <div class="card pb-5 pt-1">
+                <div class="card-header">
+                    <h2>Contact Our Customer Support Team</h2>
+            <p class="contact-message">
+                We're here to assist you with any questions or concerns you may have.
+            </p>
+
+
+                </div>
+                <div class="card-body">
+                    <div class="image-section">
+                        <img src="images/7725176.jpg" alt="Contact Image"
+                            style="max-width: 80%; height: auto; max-height: 500px;">
                     </div>
-                    <div class="card-body">
-                        <div class="image-section">
-                            <img src="images/7725176.jpg" alt="Contact Image"style="max-width: 80%; height: auto; max-height: 500px;">
-                        </div>
-                        <div class="form-section">
-                            <form id="contactForm">
-                                <div class="form-group">
-                                    <label for="name">Name</label>
-                                    <input type="text" id="name" name="name" placeholder="Your name">
-                                </div>
-                                <div class="form-group">
-                                    <label for="email">Email</label>
-                                    <input type="email" id="email" name="email" placeholder="Your email">
-                                </div>
-                                <div class="form-group">
-                                    <label for="message">Message</label>
-                                    <textarea id="message" name="message" placeholder="Your message"></textarea>
-                                </div>
-                                <button type="submit">Send</button>
-                            </form>
-                            
-                            <script>
-                                // Function to load form data from local storage
-                                function loadFormData() {
-                                    const data = JSON.parse(localStorage.getItem('formData')) || [];
-                                    if (data.length > 0) {
-                                        // Optionally, you can display the saved data
-                                        console.log('Saved Form Data:', data);
-                                    }
-                                }
-                            
-                                // Function to save form data to local storage
-                                function saveFormData() {
-                                    const name = document.getElementById('name').value;
-                                    const email = document.getElementById('email').value;
-                                    const message = document.getElementById('message').value;
-                            
-                                    // Create a new entry
-                                    const newEntry = { name, email, message };
-                            
-                                    // Get existing data from local storage or initialize an empty array
-                                    const existingData = JSON.parse(localStorage.getItem('formData')) || [];
-                            
-                                    // Add the new entry to the existing data
-                                    existingData.push(newEntry);
-                            
-                                    // Save the updated data back to local storage
-                                    localStorage.setItem('formData', JSON.stringify(existingData));
-                                }
-                            
-                                // Event listener for form submission
-                                document.getElementById('contactForm').addEventListener('submit', function(event) {
-                                    event.preventDefault(); // Prevent the default form submission
-                                    saveFormData(); // Save form data to local storage
-                                    clearForm(); // Clear the input fields
-                                    alert('Message sent!'); // Display a confirmation message
-                                });
-                            
-                                // Function to clear input fields
-                                function clearForm() {
-                                    document.getElementById('name').value = '';
-                                    document.getElementById('email').value = '';
-                                    document.getElementById('message').value = '';
+                    <div class="form-section">
+                        <form id="contactForm">
+                            <div class="form-group">
+                                <label for="name"><i class="fas fa-user"></i> Name</label>
+                                <input type="text" id="name" name="name" placeholder="Your name">
+                            </div>
+                            <div class="form-group">
+                                <label for="email"><i class="fas fa-envelope"></i> Email</label>
+                                <input type="email" id="email" name="email" placeholder="Your email">
+                            </div>
+                            <div class="form-group">
+                                <label for="message"><i class="fas fa-comment"></i> Message</label>
+                                <textarea id="message" name="message" placeholder="Your message"></textarea>
+                            </div>
+                            <button type="submit">Send</button>
+                        </form>
+        
+                        <script>
+                            // Function to load form data from local storage
+                            function loadFormData() {
+                                const data = JSON.parse(localStorage.getItem('formData')) || [];
+                                if (data.length > 0) {
+                                    console.log('Saved Form Data:', data);
                                 }
-                            
-                                // Load the form data when the page is loaded
-                                window.onload = loadFormData;
-                            </script>
-                            
-                        </div>
-                       
+                            }
+
+                            // Function to save form data to local storage
+                            function saveFormData() {
+                                const name = document.getElementById('name').value;
+                                const email = document.getElementById('email').value;
+                                const message = document.getElementById('message').value;
+
+                                const newEntry = { name, email, message };
+                                const existingData = JSON.parse(localStorage.getItem('formData')) || [];
+                                existingData.push(newEntry);
+                                localStorage.setItem('formData', JSON.stringify(existingData));
+                            }
+
+                            // Event listener for form submission
+                            document.getElementById('contactForm').addEventListener('submit', function (event) {
+                                event.preventDefault();
+                                saveFormData();
+                                clearForm();
+                                alert('Message sent!');
+                            });
+
+                            // Function to clear input fields
+                            function clearForm() {
+                                document.getElementById('name').value = '';
+                                document.getElementById('email').value = '';
+                                document.getElementById('message').value = '';
+                            }
+
+                            // Load the form data when the page is loaded
+                            window.onload = loadFormData;
+                        </script>
                     </div>
                 </div>
-            </section>
+            </div>
+        </section>
+
 
     <footer class="footer">
         <div class="footer-content">
diff --git a/style.css b/style.css
index e7afb409..d6bdf9d9 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,24 @@
     border-radius: 6px;
     align-items: center;
   }
+  .contact-message {
+      font-size: 1.2rem;
+      
+      color: #b4abab;
+     
+      text-align: center;
+     
+      margin-top: 5px;
+     
+      line-height: 1.2;
+      
+      padding: 5px;
+ 
+      background-color: #f9f9f9;
+     
+      border-radius: 5px;
+      
+  }
 .card-body {
     display: flex;
     width: 90%;
@@ -25,7 +43,39 @@
     justify-content: space-between; /* Form on the right and image on the left */
     align-items: flex-start; /* Align content to the top */
 }
+.card-header h2 {
+    font-size: 2.1rem;
+    /* Large font size */
+    color: #333;
+    /* Dark gray color for text */
+    font-weight: bold;
+    /* Bold font weight */
+    text-align: center;
+    /* Center align the text */
+    margin: 0;
+    /* Remove default margin */
+    padding: 15px 0;
+    /* Add vertical padding */
+    position: relative;
+    /* Relative positioning for pseudo-element */
+}
 
+.card-header h2::after {
+    content: '';
+    /* Pseudo-element for the underline */
+    display: block;
+    /* Make it a block element */
+    width: 50%;
+    /* Width of the underline */
+    height: 4px;
+    /* Height of the underline */
+    background: #007bff;
+    /* Color for the underline */
+    margin: 8px auto 0;
+    /* Center align the underline */
+    border-radius: 2px;
+    /* Slightly rounded corners */
+}
 .form-section {
     width: 50%; /* Width for the form section */
 }
@@ -829,8 +879,7 @@ button {
     font-size: 1rem;
     margin: 5px 0;
     color: white;
-    letter-spacing: 1.02
-    px;
+    letter-spacing: 1.02px;
 }
 
 .footer-bottom p span {