Skip to content

Commit

Permalink
[FIX] Social Icon Jittering Fix on Every Page (#548)
Browse files Browse the repository at this point in the history 
* home link 404 solved & dark button style added

* home link 404 solved & dark button style added

* Social Icon Jitter Fix on Every Page
  • Loading branch information
@4F24L
4F24L authored Oct 11, 2024
1 parent dae6113 commit 53974b9
Show file tree
Hide file tree
Showing 5 changed files with 25 additions and 36 deletions.
10 changes: 5 additions & 5 deletions Feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -434,15 +434,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
<!-- Social Media Links -->
<div style="text-align: center; min-width: 200px; color: black;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
<div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
<div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
<a href="https://www.facebook.com" class="social-icon facebook"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com" class="social-icon twitter"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com" class="social-icon instagram"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com" class="social-icon linkedin"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>

Expand Down
21 changes: 5 additions & 16 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -269,17 +269,6 @@ <h2>Emergency Care</h2>

<!-- Added responsiveness: Link redirect to respective sites -->
<!-- Social Media Section -->
<div class="social-media">
<a style=font-size:24px; href="https://www.facebook.com/" class="social-icon facebook"><i
class="fab fa-facebook"></i></a>
<a style=font-size:24px; href="https://x.com/" class="social-icon twitter"><i
class="fa-brands fa-x-twitter"></i></a>
<!--Updated icon-->
<a style=font-size:24px; href="https://www.instagram.com/" class="social-icon instagram"><i
class="fab fa-instagram"></i></a>
<a style=font-size:24px; href="https://www.linkedin.com/" class="social-icon linkedin"><i
class="fab fa-linkedin"></i></a>
</div>
</div>

<footer style=" color: #f3f4f6; text-align: center; width: 100%;">
Expand Down Expand Up @@ -323,18 +312,18 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
<!-- Social Media Links -->
<div style="text-align: center; min-width: 200px; color: black;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
<div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
<div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
<a href="https://www.facebook.com" class="social-icon facebook"
style="color: black; text-decoration: none; font-size: 24px;"><i
style="color: black; text-decoration: none; font-size: 1.5rem;"><i
class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com" class="social-icon twitter"
style="color: black; text-decoration: none; font-size: 24px;"><i
style="color: black; text-decoration: none; font-size: 1.5rem;"><i
class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com" class="social-icon instagram"
style="color: black; text-decoration: none; font-size: 24px;"><i
style="color: black; text-decoration: none; font-size: 1.5rem;"><i
class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com" class="social-icon linkedin"
style="color: black; text-decoration: none; font-size: 24px;"><i
style="color: black; text-decoration: none; font-size: 1.5rem;"><i
class="fab fa-linkedin-in"></i></a>
</div>
</div>
Expand Down
10 changes: 5 additions & 5 deletions features.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -453,15 +453,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
<!-- Social Media Links -->
<div style="text-align: center; min-width: 200px; color: black;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
<div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
<div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
<a href="https://www.facebook.com" class="social-icon facebook"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com" class="social-icon twitter"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com" class="social-icon instagram"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com" class="social-icon linkedin"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>

Expand Down
10 changes: 5 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -621,15 +621,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
<!-- Social Media Links -->
<div style="text-align: center; min-width: 200px; color: black;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
<div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
<div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
<a href="https://www.facebook.com" class="social-icon facebook no-hover-effect"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com" class="social-icon twitter no-hover-effect"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com" class="social-icon instagram no-hover-effect"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com" class="social-icon linkedin no-hover-effect"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>

Expand Down
10 changes: 5 additions & 5 deletions team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -335,15 +335,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
<!-- Social Media Links -->
<div style="text-align: center; min-width: 200px; color: black;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
<div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
<div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
<a href="https://www.facebook.com" class="social-icon facebook"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
<a href="https://www.twitter.com" class="social-icon twitter"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.instagram.com" class="social-icon instagram"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com" class="social-icon linkedin"
style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>

Expand Down

0 comments on commit 53974b9

Please sign in to comment.