added footer to the page

anuragverma108 · Nov 7, 2024 · 914e132 · 914e132
1 parent aaa4d87
commit 914e132
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 6 deletions.
diff --git a/email.css b/email.css
@@ -1,5 +1,9 @@
+* {
+  background-color: #f28b82  ;
+
+}
 .newsletter-container {
-  background-color: #f28b82; 
+
   padding: 30px;
   border-radius: 10px;
   text-align: center;
@@ -9,13 +13,13 @@
 
 .newsletter-container h2 {
   font-family: Arial, sans-serif;
-  font-size: 1.8em;
+  font-size: 40px;
   font-weight: bold;
   color: #000; 
 }
 
 .newsletter-container p {
-  font-size: 1em;
+  font-size: 20px;
   color: #4a4a4a;
 }
 

diff --git a/email.html b/email.html
@@ -44,8 +44,9 @@
     <div class="circle"></div>
     <div class="circle"></div>
     <div class="newsletter-container">
-        <h2>Stay Connected</h2>
-        <p>Subscribe to our Newsletter</p>
+        <h2>Connect With Us </h2>
+        <p style="color:black">Subscribe to our Newsletter</p>
+
         <form class="newsletter-form">
           <input type="email" placeholder="Enter your email address" required />
           <button type="submit">Subscribe</button>
@@ -59,6 +60,50 @@ <h2>Stay Connected</h2>
           <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
           <a href="#" target="_blank"><i class="fa-brands fa-github"></i></a>
         </div>
+
+         <style>
+.footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: black; /* Footer background */
+  color: white;
+  text-align: center;
+  padding: 10px 0; /* Adds space around the text */
+  font-size: 14px; /* Adjusts font size */
+}
+
+.footer p {
+  background-color: black; /* Background color for the text */
+  display: inline-flexbox; /* Makes the background color fit the text */
+  padding: 5px 10px; /* Adds padding around the text */
+  border-radius: 5px; /* Optional: Adds rounded corners to the background */
+}
+
+.footer a {
+  background-color: black;
+  color: #f28b82 ; /* Keeps the email link color */
+  text-decoration: none; /* Removes underline from the link */
+}
+
+.footer a:hover {
+  text-decoration: underline; /* Underlines the link on hover */
+}
+.footer-text{
+  color:#f28b82
+}
+
+</style>
+<footer class="footer">
+  <p>
+    <span class="footer-text" style="background-color: black;">&copy; 2024 SwapReads: Guardian Hackers. All rights reserved.</span><br>
+
+    <a href="mailto:support@swapreads.com" >support@swapreads.com</a>
+  </p>
+</footer>
+
+        </style>
       </div>
       <script>
         // Coordinates for the cursor

diff --git a/index.html b/index.html
@@ -6874,7 +6874,7 @@ <h4 class="flinks">Recommend</h4>
                           <h4 class="flinks">Site Map</h4>
                         </a></li>
                       <li class="foot-quick"><a href="./terms&cond.html"> <i class="fas fa-file-alt"></i>
-                          <h4 class="flinks">Terms and<br>Conditions</h4>
+                          <h4 class="flinks">T&C</h4>
                         </a></li>
                     </ul>
                   </div>