Update contact.html

Naveenkumar30838 · Oct 13, 2024 · 95550e9 · 95550e9
1 parent 00f0c1f
commit 95550e9
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/Html-files/contact.html b/Html-files/contact.html
@@ -838,17 +838,21 @@ <h3 style="color: hsl(357, 82%, 35%); font-family: var(--ff-philosopher);">Conta
             </div>
         </footer>
     </div>
-    <div class="foot_panel4" style="color: black; background-color: transparent;">
-        <div class="pages" style="background-color: transparent;">
+    <div class="foot_panel4" style="color: black; background-color: transparent; height: 100vh; display: flex; justify-content: center; align-items: center;">
+        <div class="pages" style="background-color: transparent; text-align: center;">
             <h3>Follow Us</h3>
 
-            <div class="social-icons">
-                <a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%);"></a>
-                <a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%);"></a>
-                <a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%);"></a>
-                <a class="fa-brands fa-youtube" href="https://www.youtube.com"></a>
-                <a class="fa-brands fa-snapchat" href="https://www.snapchat.com"></a>
+            <div class="social-icons" style="display: flex; justify-content: center; gap: 15px;"> <!-- Center icons horizontally with gap -->
+                <a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
+                <a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
+                <a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
+                <a class="fa-brands fa-youtube" href="https://www.youtube.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
+                <a class="fa-brands fa-snapchat" href="https://www.snapchat.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
             </div>
+        </div>
+    </div>
+
+
             <p style="margin-bottom: 0;">
                 Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
             </p>