From b7a070258580b1f68ee4e5d8106aac160a3bfa04 Mon Sep 17 00:00:00 2001
From: Kosuri Indu <kosurilindu@gmail.com>
Date: Sat, 10 Aug 2024 17:16:00 +0530
Subject: [PATCH] Improved Footer

---
 assets/css/style.css | 17 ++++++++++++++---
 index.html           | 25 ++++++++++++++-----------
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index ce14eb0f..a7f1b2e2 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -14,7 +14,7 @@ body {
 }
 
 .icon {
-  margin-top: 10px;
+  margin-top: 3rem;
 }
 
 
@@ -1966,7 +1966,17 @@ footer {
   font-size: 1.6rem;
   text-align: center;
 }
-
+.quicklinks {
+  font-size: 1.6rem;
+  text-align: center;
+  margin: 3rem;
+}
+.quicklinks .col-md-6{
+  margin: 2rem;
+}
+.foot-right{
+  padding: 2rem;
+}
 .foot-quick a {
   color: #db3737;
   text-decoration: none;
@@ -2004,7 +2014,8 @@ footer {
 
 .foot-middle ul li,
 .foot-middle h2 {
-  text-align: center;
+  text-align: justify;
+  margin-bottom: 2rem;
 }
 
 .nav-links {
diff --git a/index.html b/index.html
index 36a9d151..435b2b7d 100644
--- a/index.html
+++ b/index.html
@@ -3465,7 +3465,7 @@ <h4>How do I ensure the safety and security of my personal information on SwapRe
         </div>
       </div>
       <div class="foot-middle">
-        <h2>Quick Links</h2>
+        <h2 style="margin-left: 2rem; margin-top: 2.75rem;">Quick Links</h2>
         <div id="quicklinks" class="row">
           <div class="col-md-6">
             <ul>
@@ -3534,15 +3534,6 @@ <h2>Quick Links</h2>
 
 
 
-     <div>
-      <label for="new-email" class="news-form">Subscribe to our Newsletter</label>
-      <div class="row-flex display-flex">
-        <form action="#" class="subscribe-form" id="subscribeForm">
-          <input type="email" id="emailInput" placeholder="Email Address" class="finput" style="margin-bottom: 10px; margin-top: 10px;" required>
-          <button type="submit" id="subscribeButton" class="subscribe" class="b">SUBSCRIBE</button>
-        </form>
-      </div>
-    </div>
     
   <script>
   function showConfirmationMessage() {
@@ -3611,6 +3602,18 @@ <h2>Quick Links</h2>
     return false; 
 }
 </script>-->
+        <div class="foot-right">
+        <h2 style="margin-bottom: 2.4rem; margin-top:0.5rem;">Stay Connected</h2>
+        <form id="newsform" onsubmit="return showConfirmationMessage();">
+            <label for="new-email" class="news-form">Subscribe to our Newsletter</label>
+            <div class="row-flex display-flex">
+                <input class="finput" type="email" id="new-email" name="email" placeholder="Email address"
+                      pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}\.com$"
+                      title="Please enter a valid email address that ends with '.com'" required>
+                <input type="submit" value="Subscribe" name="subscribe" class="subscribe" id="subs">
+            </div>
+        </form>
+        <div id="confirmationmessage" style="display: none;">Thank you for subscribing!</div>
         <div class="icons">
           <a href="https://www.linkedin.com/in/anurag-verma-b91417253/" target="_blank">
             <div class="icon">
@@ -3651,7 +3654,7 @@ <h2>Quick Links</h2>
             </div>
           </a>
          
-
+          </div>  
         </div>
        </div>
        <div>