Merge pull request #2845 from kosuri-indu/add/improved-footerr

BUG: Improved Footer

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 {

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>