all the links in website updated and bugs resolved (#133)

<!-- on opening the home link in footer the file not found error
occurs-->
## Description
<!--Please include a brief description of the changes-->
1. in About Page footer section, home link bug resolved and now the link
opens on home page,
2. in Cart page footer section, home link bug resolved and now the link
opens on home page,
3. in Cart page social links are updated to link properly because before
they were not linked properly,
4. in Contact Us page footer section changed the color of "Send Message"
button to that of other screen footer section button color
5 .in Contact Us page, the "Send Message" button present in the the body
section was showing error on clicking, this issue is also resolved and
now it works properly.



## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
"None"
- Closes #

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [bug ] ()

## Screenshots / videos (if applicable)
<!--Attach any relevant screenshots or videos demonstrating the
changes-->
Contact Page buttons:
before:

![before](https://github.com/user-attachments/assets/004e4e2f-bdb1-430e-8dcf-a37ba87a2588)
after:

![after](https://github.com/user-attachments/assets/f8ddceec-fa0e-47b7-96b9-0a184d306b61)

Contact page changes:
before:

https://github.com/user-attachments/assets/fe3f3ca8-5f07-47ee-b2ab-827de263a845
after:

https://github.com/user-attachments/assets/20b5bb51-620c-4230-9935-aa0a9f951584

Cart  page changes:
before:

https://github.com/user-attachments/assets/28d6ee8c-5445-49cc-921b-210d7387d985

after:

https://github.com/user-attachments/assets/ad5c75e7-5f7b-4451-93a6-c450a184d7d3

About page changes:

https://github.com/user-attachments/assets/f9eec527-2279-4adf-9bdd-22b8faf694da




## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X ] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X ] I have updated my branch and synced it with project `main` branch
before making this PR
- [X ] I have performed a self-review of my code
- [ X] I have tested the changes thoroughly before submitting this pull
request.
- [X ] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X ] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->

Html-files/cart.html

@@ -334,7 +334,7 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
     <div class="foot-panel2">
       <ul class="footer-colums">
         <p style="font-family: var(--ff-philosopher);">Our Pages</p>
-        <a href="../Home.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
+        <a href="../index.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
         <a href="menu.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">About</a>
         <a href="services.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Services</a>
         <a href="contact.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contact us</a>
@@ -384,9 +384,15 @@ <h3 style="font-family: var(--ff-philosopher);">Contact Us!</h3>
       <div class="pages">
         <h4 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">Follow Us</h4>
         <div class="social-icons">
-          <i class="fa-brands fa-facebook"></i>&nbsp;&nbsp;&nbsp;&nbsp;
-          <i class="fa-brands fa-instagram"></i>&nbsp;&nbsp;&nbsp;&nbsp;
-          <i class="fa-brands fa-twitter"></i>&nbsp;&nbsp;&nbsp;
+          <div class="social-icons">
+            <a class="fa-brands fa-facebook"
+                href="https://facebook.com" target="_blank"></a>
+            <a class="fa-brands fa-instagram"
+                href="https://instagram.com"
+                target="_blank"></a>
+            <a class="fa-brands fa-x-twitter"
+                href="https://twitter.com" target="_blank"></a>
+        </div>
         </div>
         <p style="margin-bottom:0;font-family: var(--ff-philosopher);">Stay connected with us on social media for the
           latest updates, latest collection, and vintage adventures.

Html-files/contact.html

@@ -341,7 +341,7 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">Feel Free
                     <div class="card mt-2 mx-auto mb-5 p-4" style="background-color: transparent; border: 1px solid black;">
                         <div class="card-body" style="background-color: transparent;">
                             <div class="container" style="background-color: transparent;">
-                                <form action="/submit" method="POST" id="contact-form" role="form">
+                                <form action="" method="POST" id="contact-form" role="form">
                                     <div class="controls">
                                         <div class="row">
                                             <div class="col-md-6">
@@ -477,7 +477,7 @@ <h3 style="text-align: center; margin-bottom: 15px;">Contact Us!</h3>
 
             <!-- Submit Button -->
             <button id="butt" type="submit" 
-                    style="width: 100%; padding: 10px; background-color: #ffe1d9; color: black; border: 1px; border-radius: 10px; cursor: pointer;">
+                    style="width: 100%; padding: 10px; background-color: hsl(357, 82%,35%); color: black; border: 1px; border-radius: 10px; cursor: pointer;">
                 Send Message
             </button>
         </form>

Html-files/menu.html

@@ -549,7 +549,7 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
         <div class="foot-panel2">
             <ul class="footer-colums">
                 <p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
+                <a href="../index.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
                 <a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">About</a>
                 <a href="services.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Services</a>
                 <a href="contact.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contact</a>