Merge pull request anuragverma108#3501 from Subhajit-2023-44/FooterIssue

Fixed Footer section issue in Rate Us page ! anuragverma108#3500
AnushkaChouhan25 · Oct 16, 2024 · 751ec7f · 751ec7f
2 parents 08c2c7f + 834849c
commit 751ec7f
Show file tree

Hide file tree

Showing 3 changed files with 96 additions and 70 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -282,13 +282,23 @@ ion-icon {
   display: block;
 }
 .SwapReads {
+
   color: black;
   text-decoration: none;
   font-weight: bold;
+
+}
+
+.dark-mode .SwapReads .logo {
+  color: white;
+  margin-left: 20px;
 }
+
 .dark-mode .SwapReads .logo {
   color: white;
+  margin-left: 20px;
 }
+
 .SwapReads .logo {
   margin-left: 16rem;
   font-size: 2em; /* Large font size */
@@ -325,14 +335,18 @@ textarea {
 
 input,
 textarea {
-  padding-left: 1rem;
-  border: 1px solid #a30f17;
-  width: 100%;
-  border-radius: 5px;
+
+  padding-left:  1rem;
+  border:  1px solid #a30f17;
+  width:  100%;
+  border-radius:  5px;
+  margin-top:  5px;
+
 }
-
+  
 button {
 
+
   cursor: pointer;
   background-color: #24706b;
   font-size:  18px;
@@ -342,6 +356,7 @@ button {
   top:  10px;
   right:  10px;
   border:  #000;
+
 }
 
 address {

diff --git a/assets/css/test-style.css b/assets/css/test-style.css
@@ -96,17 +96,35 @@ body.dark-mode .bio {
 }
 
 body.dark-mode .fa-linkedin-in {
+
   color: rgb(170, 218, 255);
+
 }
+
 body.dark-mode .fa-discord {
-  color: rgb(170, 218, 255);
+
+  color: #8e6165;
+
+}
+
+body.dark-mode .fa-discord {
+      color: #8e6165;
 }
 
 body.dark-mode .fa-github-alt {
+
   color: rgb(209, 184, 255);
+
+}
+
+body.dark-mode .fa-instagram {
+  color: #8e6165;
 }
+
 body.dark-mode .fa-instagram {
-  color: rgb(253, 190, 217);
+
+  color: #8e6165;
+
 }
 .card-image {
   height: 150px;

diff --git a/index.html b/index.html
@@ -1073,9 +1073,19 @@
 
 
   <style>
+
+    /* Fixed translate button */
+    *{
+
+      transition: all 0.3s ease-in-out;
+      text-align: center;
+
+    }
+
     /* Fixed translate button */
     *{
       transition: all 0.3s ease-in-out;
+      text-align: center;
     }
 #translateButton {
     position: fixed;
@@ -1584,11 +1594,19 @@
   margin-right: 0.5rem; /* Adjust spacing between icon and text */
 }
 .dark-mode .fas{
-  color:white;
+  color:#8e6165;
 }
 .dark-mode .flinks{
-  color:white;
+  color:#4a749a;
 }
+
+.dark-mode .fas{
+  color:#8e6165;
+}
+.dark-mode .flinks{
+  color:#4a749a;
+}
+
 .dark-mode .finput{
       color: white;
       background-color: transparent;
@@ -2286,16 +2304,26 @@
 .footer-icons .icon:hover .fa-twitter{
   color:#ffffff;
 }
+
 .icons {
+
   display: flex;
-  gap: 1rem;
+  gap: 2rem;
+  align-items: center;
+  justify-content: center; 
+}
+
+
+.icons {
+  display: flex;
+  gap: 2rem;
   align-items: center;
   justify-content: center; 
 }
 
 .icon i {
   font-size: 2.4rem; 
-  color: #ffffff; 
+  color: #8e6165;
   cursor: pointer;
   margin: 0; 
   padding: 0; 
@@ -5500,7 +5528,7 @@ <h4>How do I ensure the safety and security of my personal information on SwapRe
         </div>
       </div>
       <div class="foot-middle">
-        <h2 style="margin-left: 2rem; margin-top: 2.75rem;">Quick Links</h2>
+        <h2 style="margin-left: 0rem; margin-top: 2.75rem;">Quick Links</h2>
         <div id="quicklinks" class="row">
           <div class="col-md-6">
             <ul>
@@ -5591,67 +5619,32 @@ <h2 style="margin-left: 2rem; margin-top: 2.75rem;">Quick Links</h2>
 </script>
 <style>
 
-  .newsletter {
-    background-color: #ffd1d1;
-    padding: 30px;
-    max-width: 400px;
-    margin: auto;
-    border-radius: 8px;
-    text-align: center;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-}
-
-.newsletter h1 {
-    color: #c62828;
-    font-size: 20px;
-    margin-bottom: 10px;
-}
-
-.newsletter p {
-    color: #8c8c8c;
-    font-size: 16px;
-    margin-bottom: 20px;
-}
-
-.input-group {
-    position: relative;
-    margin-bottom: 15px;
-}
-
-.input-group i {
-    position: absolute;
-    top: 50%;
-    left: 10px;
-    transform: translateY(-50%);
-    color: #c62828;
-}
-
-.input-group input {
-    width: 100%;
-    padding: 12px 40px;
-    border: 2px solid #c62828;
-    border-radius: 5px;
-    font-size: 14px;
-    color: #333;
-    background-color: #ffecec;
-    transition: border-color 0.3s ease;
-}
-
-.input-group input:focus {
-    border-color: #ff6f6f;
-    outline: none;
+FooterIssue
+  .subscribe {
+  background-color: #A30F17;
+  color: white; 
+  border: none; 
+  padding: 1rem 2rem; 
+  font-size: 1.6rem; 
+  font-family: Arial, sans-serif;
+  border-radius: 0.5rem; 
+  cursor: pointer; 
+  /*transition: background-color 0.3s, transform 0.2s;*/
+  margin-top: 5px;
 }
 
 .subscribe {
-    width: 100%;
-    background-color: #b71c1c;
-    color: white;
-    border: none;
-    padding: 12px;
-    font-size: 16px;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
+  background-color: #A30F17;
+  color: white; 
+  border: none; 
+  padding: 1rem 2rem; 
+  font-size: 1.6rem; 
+  font-family: Arial, sans-serif;
+  border-radius: 0.5rem; 
+  cursor: pointer; 
+  /*transition: background-color 0.3s, transform 0.2s;*/
+  margin-top: 5px;
+ main
 }
 
 .subscribe:hover {