Merge pull request #830 from Mubashir2611/footerUI

feat: Adding footer UI
apu52 · Jun 26, 2024 · 5be7a40 · 5be7a40
2 parents be88e5a + 230a9fa
commit 5be7a40
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -978,7 +978,14 @@ <h4 class="footer__subtitle">Support</h4>
           <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
           </div>
         </div>
-
+        <div class="footer__col">
+          <p>Social Media</p>
+          <section class="social-icon">
+            <a href="#" class="fa-brands fa-facebook fa-2xl"></a>
+            <a href="#" class="fa-brands fa-instagram fa-2xl"></a>
+            <a href="#" class="fa-brands fa-twitter fa-2xl"></a>
+        </section>
+        </div>
         <div class="footer__col">
           <h4>Address</h4>
           <div class="mapouter">

diff --git a/styles.css b/styles.css
@@ -1213,11 +1213,22 @@ body.dark-theme #emailInput {
   text-align: center;
   flex-direction: column;
 }
+.social-icon a {
+  transition: transform 0.3s ease;
+  padding: 10px;
+}
 
-/*.footer__col:nth-child(2) {
-  margin-top: 10px;
+
+.social-icon a:hover {
+  transform: scale(1.1);
+  color: white; 
 }
-*/
+.footer:hover{
+  background: linear-gradient(135deg, #654ea3, #eaafc8);
+}
+
+
+
 
 .footer__col h3 {
   font-size: 1.5rem;