Merge pull request #1194 from Adityadhiman0/main

[Fix] Issue #1058 Icon added in subscription box.
vimistify · Nov 7, 2024 · 868ab1b · 868ab1b
2 parents cb90d26 + 4e703e7
commit 868ab1b
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 9 deletions.
diff --git a/SOS.html b/SOS.html
@@ -562,8 +562,9 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
         <!-- Newsletter Subscription -->
         <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
-          <form action="#">
-            <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+          <form action="#" id="newsletter-form">
+            <i class="fas fa-envelope" style="position: absolute; bottom: -15.28rem; right: 21.6rem; color: gray; font-size: 13px;"></i>
+            <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 27px;" required><br><br>
             <button type="submit" style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
           </form>
         </div>

diff --git a/about.html b/about.html
@@ -367,8 +367,9 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
           <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
             <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
             <form action="#">
+              <i class="fas fa-envelope" style="position: absolute; top: 8.60rem; right: 23.5rem; color: gray; font-size: 13px;"></i>
               <input type="email" placeholder="Your Email"
-                style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+                style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 27px;" required><br><br>
               <button type="submit"
                 style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
             </form>

diff --git a/contact.html b/contact.html
@@ -364,8 +364,9 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
                 <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
                     <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
                     <form id="newsletter-form" action="#">
+                        <i class="fas fa-envelope" style="position: absolute; top: 7.95rem; right: 23.5rem; color: gray; font-size: 13px;"></i>
                         <input type="email" id="newsletter-email" placeholder="Your Email"
-                            style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+                            style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 26px;" required><br><br>
                         <button type="submit"
                             style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">
                             Subscribe

diff --git a/features.html b/features.html
@@ -639,8 +639,9 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
         <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
           <form action="#">
+            <i class="fas fa-envelope" style="position: absolute; bottom: -25.3rem; right: 22.3rem; color: gray; font-size: 13px;"></i>
             <input type="email" placeholder="Your Email"
-              style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+              style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 27px;" required><br><br>
             <button type="submit"
               style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
           </form>

diff --git a/homepage.html b/homepage.html
@@ -603,7 +603,8 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
         <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
           <form action="#">
-            <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+            <i class="fas fa-envelope" style="position: absolute; top: 7.99rem; right: 18.8rem; color: gray; font-size: 13px;"></i>
+            <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 26px;" required><br><br>
             <button type="submit" style="background-color: #ff0000; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
           </form>
         </div>

diff --git a/index.html b/index.html
@@ -639,10 +639,11 @@ <h2>Help Desk</h2>
 
       <!-- Newsletter Subscription -->
       <div style="min-width: 200px; margin-bottom: 20px;">
-        <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">
+        <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
           Subscribe to Our Newsletter</h3>
         <form id="newsletter-form" novalidate>
-          <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 5px;"
+          <i class="fas fa-envelope" style="position: absolute; bottom: -142.6rem; right: 18.3rem; color: rgb(129, 128, 128); font-size: 13px;"></i>
+          <input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 7px; padding-left: 27px;"
             required><br><br>
           <button type="submit"
             style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>

diff --git a/team.html b/team.html
@@ -490,8 +490,9 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h
             <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
                 <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to Our Newsletter</h3>
                 <form action="#">
+                    <i class="fas fa-envelope" style="position: absolute; top: 7.7rem; right: 22.3rem; color: gray; font-size: 13px;"></i>
                     <input type="email" placeholder="Your Email"
-                        style="padding: 10px; width: 80%; border: none; border-radius: 5px;" required><br><br>
+                        style="padding: 10px; width: 80%; border: none; border-radius: 5px; padding-left: 27px;" required><br><br>
                     <button type="submit"
                         style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
                 </form>