From c2378de4729e9e6ef4a1bc375b86fed8a196fd11 Mon Sep 17 00:00:00 2001
From: SuhainaFathimaM <suhainafathimam@gmail.com>
Date: Mon, 27 May 2024 12:03:00 +0530
Subject: [PATCH 1/4] 1. corrected footer of the about Page 2. Turned off text
 selection 3. added copyrights selection 4. added payments image 5. added
 color to button 6. added hovering effect to button

---
 Pages/About Page/about.css  |  13 ++-
 Pages/About Page/about.html | 160 +++++++++++++++++++++---------------
 2 files changed, 106 insertions(+), 67 deletions(-)

diff --git a/Pages/About Page/about.css b/Pages/About Page/about.css
index d79decf4..8d4a0144 100644
--- a/Pages/About Page/about.css	
+++ b/Pages/About Page/about.css	
@@ -15,6 +15,7 @@ html {
 body {
     background: linear-gradient(to right, #77c8e6 25%, #b6ccea 100%);
     /* overflow-x: hidden; */
+    user-select: none;
 }
 
 .orange {
@@ -279,12 +280,14 @@ margin-top: 50px;
   border: none;
   outline: none;
   padding: 15px;
-  background-color: #001925;
+  background-color: #09374d;
   color: white;
   border-radius: 20px;
   cursor: pointer;
 }
-
+.read-more-btn:hover{
+  background:#3a63e4;
+}
 .read-more-btn-dark{
   margin-top: 30px;
   border: none;
@@ -451,5 +454,9 @@ margin-top: 50px;
 .checkbox:checked+.label .ball {
   transform: translate(32px);
 }
-
+.pay {
+  display: flex;
+  justify-content: center;
+  padding: 1vh 0;
+}
 
diff --git a/Pages/About Page/about.html b/Pages/About Page/about.html
index e1c5e938..453ae86c 100644
--- a/Pages/About Page/about.html	
+++ b/Pages/About Page/about.html	
@@ -33,7 +33,7 @@
         <ul class="nav_link">
           <li><a href="../../index.html">Home</a></li>
           <li><a href="../../index.html">Services</a></li>
-          <li><a href="about.html">About us</a></li>
+          <li><a href="about.html" class="active">About us</a></li>
           <li><a href="../Team/team.html">Team</a></li>
           <li><a href="../contact/contact.html">Contact us</a></li>
         </ul>
@@ -81,74 +81,113 @@ <h2 id="about-header"><i>So, if you're looking for a complete solution for Shopp
 
 
 
-  <div class="footer-container">
-    <!-- about-us -->
-    <div class="contact">
-      <div class="footer-title">
-        ABOUT US
-      </div>
-      <div class="contact-info">
-        <div class="contact-location">
-          <img style="height: 100%;" src="../../img/home icon.webp" alt="">
+  <footer>
+    <div class="row">
+      <!-- map -->
+      <div class="col" id="col1">
+        <div class="contact-location" data-aos-duration="1800" data-aos="fade-right">
+          <!-- <img style="height: 100%;;" src="img/home icon.webp" alt="" class="logo"> -->
           <iframe
             src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14325.273525218998!2d80.55109109948474!3d26.153758639272436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x399c624b9e826599%3A0xe913221a3b05dacb!2sAung%2C%20Uttar%20Pradesh%20212665!5e0!3m2!1sen!2sin!4v1687351423843!5m2!1sen!2sin"
-            width="100%" height="50%" style="border:0; padding-right:2em;" allowfullscreen="" loading="lazy"
+            width="100%" height="200px" style="border: 0; padding: 2rem 2em 0 0" allowfullscreen="" loading="lazy"
             referrerpolicy="no-referrer-when-downgrade"></iframe>
         </div>
-
-        <div class="contact-email" style="display: flex; align-items: center;">
-          <a href="mailto:contact@vigybag.com" style="display: flex; align-items: center;">
-            <img src="../../img/msg icon.webp" alt="" style="margin-right: 10px;">
-            contact@vigybag.com
-          </a>
-        </div>
-
-        <div class="contact-ph-number">
-          <img src="../../img/call icon.webp" alt="">
-          <p><a href="">+91 1234567890</a></p>
-        </div>
       </div>
-    </div>
-    <!-- Quick Links -->
-    <div class="quick-links" id="bottom">
-      <div class="footer-title">
-        QUICK LINKS
+      <!-- map -->
+
+      <!-- contact -->
+      <div class="col" id="col2" data-aos-duration="1800" data-aos="fade-up">
+        <h3>
+          Contact
+          <div class="underline"><span></span></div>
+        </h3>
+
+        <p><a href="">
+          <lord-icon
+              src="https://cdn.lordicon.com/xtzvywzp.json"
+              trigger="hover"
+              colors="primary:#ffffff"
+              style="width:20px;height:20px;padding-top:5px;">
+          </lord-icon>  contact@vigybag.com</a></p>
+        <p><a href=""><lord-icon
+                src="https://cdn.lordicon.com/srsgifqc.json"
+                trigger="hover"
+                colors="primary:#ffffff"
+                style="width:20px;height:20px;padding-top:5px">
+            </lord-icon>  +91 1234567890</a></p>
       </div>
-      <div class="quick-links-info">
-        <div><a href="../About Page/about.html">About us</a></div>
-        <div><a href="../contact/contact.html">Contact us</a></div>
-        <div><a href="">Order</a></div>
-        <div><a href="">help</a></div>
-      </div>
-    </div>
-    <div class="social">
-      <div class="footer-title">
-        SOCIAL
-      </div>
-      <div class="social-container">
-        <div class="social-div">
-
-          <div>
-            <a href="https://www.instagram.com/coder_vivek/"><img src="../../img/Instagram (2).webp" alt=""></a>
-            <p><a href="https://www.instagram.com/coder_vivek/">Instagram</a></p>
-          </div>
-          <div>
-
-            <a href="https://www.linkedin.com/in/codervivek/"><img src="../../img/LinkedIn Circled.webp" alt=""></a>
-            <p><a href="https://www.linkedin.com/in/codervivek/">LinkedIn</a></p>
-
-          </div>
-          <div>
-            <a href="https://www.facebook.com/codervivek/"><img src="../../img/Facebook.webp" alt=""></a>
-            <p><a href="https://www.facebook.com/codervivek/">Facebook</a></p>
+      <!-- contact -->
+
+      <!-- Links -->
+      <div class="col" id="col3" data-aos-duration="1800" data-aos="fade-up">
+        <h3>
+          Quick Links
+          <div class="underline"><span></span></div>
+        </h3>
+        <div class="quick-links" id="bottom">
+          <!-- <div class="footer-title">
+                        QUICK LINKS
+                    </div> -->
+          <div class="quick-links-info">
+            <div><a href="./Pages/About Page/about.html" target="_blank"><i class="fa-solid fa-address-card" style="color: #ffffff;"></i>  About us</a></div>
+            <div><a href="./Pages/contact/contact.html" target="_blank"><i class="fa-solid fa-phone-volume" style="color: #ffffff;"></i>   Contact us</a></div>
+            <div><a href="" target="_blank"><lord-icon
+              src="https://cdn.lordicon.com/mqdkoaef.json"
+              trigger="hover"
+              colors="primary:#ffffff"
+              style="width:20px;height:20px;padding-top:4px">
+          </lord-icon>  Order</a></div>
+            <div><a href="" target="_blank"><lord-icon
+              src="https://cdn.lordicon.com/pyoiumqr.json"
+              trigger="hover"
+              colors="primary:#ffffff"
+              style="width:20px;height:20px;padding-top:5px">
+          </lord-icon>   Help</a></div>
+
+              <div><a href="./Pages/privacypolicy/privacy.html" target="_blank"><i class="fa-solid fa-shield-halved"></i>  Privacy Policy</a></div>      
           </div>
         </div>
       </div>
+      <!-- links -->
+
+      <div class="col" id="col4" data-aos-duration="1800" data-aos="fade-up">
+        <h3>
+            SOCIAL
+            <div class="underline"><span></span></div>
+        </h3>
+        <div class="social-icons">
+            
+            <div class="social">
+                <a href="https://www.instagram.com/coder_vivek/" target="_blank"><img
+                        src="./../../img/Instagram (2).webp" alt="">Instagram</a>
+
+            </div>
+            <div class="social">
+                <a href="https://www.linkedin.com/in/codervivek/" target="_blank"><img
+                        src="./../../img/LinkedIn Circled.webp" alt="">LinkedIn</a>
+
+            </div>
+            <div class="social">
+                <a href="https://www.facebook.com/codervivek/"><img src="./../../img/Facebook.webp" alt=""> Facebook</a>
+
+            </div>
+        </div>
+    </div>
     </div>
 
-  </div>
+    <!-- Copyright -->
+    <div id="copyright">
+      <div class="pay">
+        <img src="./../../img/payment.webp" alt="" />
+      </div>
+      <p>
+        © <span id="copyright-year"></span> Copyright &nbsp; <span> Coder_Vivek </span> &nbsp; | All Rights
+        Reserved
+      </p>
+      <p>Designed by Vivek Prajapati</p>
+    </div>
+  </footer>
 
-  </div>
   <!-- footer section -->
   <!-- Copyright -->
 
@@ -158,13 +197,6 @@ <h2 id="about-header"><i>So, if you're looking for a complete solution for Shopp
   </div>
 
 
-  <div id="copyright">
-    <div class="pay">
-      <img src="../../img/payment.webp" alt="">
-    </div>
-    <p> © Copyright &nbsp; <span> Coder_Vivek </span> &nbsp; | All Rights Reserved </p>
-    <p> Designed by Vivek Prajapati </p>
-  </div>
   <style>
     .alanBtn-root {
       /* bottom:20px !important; */

From 9561f1b4b8b14694435c0ba432c297e8511135d9 Mon Sep 17 00:00:00 2001
From: SuhainaFathimaM <suhainafathimam@gmail.com>
Date: Mon, 27 May 2024 12:11:35 +0530
Subject: [PATCH 2/4] 1. Changed the content for header 2. Added style for the
 header topic 3. Changed the description content

---
 Pages/About Page/about.css  |  4 ++++
 Pages/About Page/about.html | 14 +++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/Pages/About Page/about.css b/Pages/About Page/about.css
index 8d4a0144..310a5308 100644
--- a/Pages/About Page/about.css	
+++ b/Pages/About Page/about.css	
@@ -268,6 +268,10 @@ margin-top: 50px;
   width: 650px;
   text-align: left;
 }
+.description-wrapper h2{
+  font-size:xx-large;
+  font-weight: 900;
+}
 
 .description{
   font-size: 18px;
diff --git a/Pages/About Page/about.html b/Pages/About Page/about.html
index 453ae86c..054f04ae 100644
--- a/Pages/About Page/about.html	
+++ b/Pages/About Page/about.html	
@@ -65,14 +65,14 @@
           alt="">
       </div>
       <div class="description-wrapper">
-        <h2 id="about-header"><i>So, if you're looking for a complete solution for Shopping near you with pin point
-            location then, this site is the right choice for you!</i></h2>
+        <h2 id="about-header">The Ultimate Solution for Shopping Near You with Pinpoint Location Accuracy
+        </h2>
         <br>
-        <p class="description"> This website is a location-based platform that allows users to search for products and
-          services based on their geographical location. The website uses GPS technology to pinpoint the user's location
-          and then displays nearby stores or businesses that offer the products or services they are searching for. It
-          allows users to compare prices and make purchases directly through the site, making it convenient for local
-          shopping and finding location-specific items.</p>
+        <p class="description"> This website is a location-based platform designed to help users find 
+          products and services based on their geographical location. Utilizing GPS technology, we 
+          pinpoint your location and display nearby stores and businesses that offer what you're
+           looking for. Our platform allows you to compare prices and make purchases directly through
+            the site, making local shopping convenient and helping you find location-specific items with ease.</p>
         <button id="read-more-btn" class="read-more-btn">Read More</button>
       </div>
     </div>

From e5856740779897550d9a707391c0f9b9c10336a4 Mon Sep 17 00:00:00 2001
From: SuhainaFathimaM <suhainafathimam@gmail.com>
Date: Mon, 27 May 2024 12:15:34 +0530
Subject: [PATCH 3/4] 1. Added style to description

---
 Pages/About Page/about.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Pages/About Page/about.css b/Pages/About Page/about.css
index 310a5308..cd1c54a0 100644
--- a/Pages/About Page/about.css	
+++ b/Pages/About Page/about.css	
@@ -277,6 +277,7 @@ margin-top: 50px;
   font-size: 18px;
   font-weight: 400;
   line-height: 1.5;
+  color: #141747;
 }
 
 .read-more-btn{

From 3ec45a812eb9757e229153233880cb2572e4d813 Mon Sep 17 00:00:00 2001
From: SuhainaFathimaM <suhainafathimam@gmail.com>
Date: Fri, 31 May 2024 10:59:36 +0530
Subject: [PATCH 4/4] changed about image

---
 Pages/About Page/about.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Pages/About Page/about.html b/Pages/About Page/about.html
index 054f04ae..15bc7333 100644
--- a/Pages/About Page/about.html	
+++ b/Pages/About Page/about.html	
@@ -61,7 +61,7 @@
     <div class="about-wrapper">
       <div class="image-wrapper">
         <img class="image"
-          src="https://media.istockphoto.com/id/1086341762/vector/about-us-flat-design-style-colorful-illustration.webp?s=612x612&w=0&k=20&c=jeUDlovR0TRmuSb6lp19P7ijHx8UNtZzZhHJZVmoWJc="
+          src="https://www.careercomputerit.com/assets/img/about-us.png"
           alt="">
       </div>
       <div class="description-wrapper">