Skip to content

Commit

Permalink
Hover on social icons of footer and contact us section of both the ho…
Browse files Browse the repository at this point in the history 
…me and free content page (#538)

* add social icon hover in footer and contact us section home and free content page

* add img
  • Loading branch information
@ANKeshri
ANKeshri authored Jul 12, 2024
1 parent cd375cf commit b0aa947
Show file tree
Hide file tree
Showing 5 changed files with 56 additions and 22 deletions.
Binary file modified Images/bam.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 11 additions & 11 deletions csedge.courses/Resources.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -799,17 +799,17 @@ <h2 class="section-heading">Contact Us</h2>
<p class="section-content">For more information or inquiries, please contact us:</p>
<p class="section-content">Email: [email protected]</p>

<div class="contact-icons">
<div class="contact-icons contact-icn">
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://www.linkedin.com/company/csedge/" target="_blank"><i class="fab fa-linkedin fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://github.com/CSEdgeOfficial" target="_blank"><i class="fab fa-github fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://www.instagram.com/csedgeofficial" target="_blank"><i class="fab fa-instagram fa-2x"
style="color: #008bff;"></i></a>
></i></a>
<a href="https://youtube.com/@CSEdgeOfficial" target="_blank"><i class="fab fa-youtube fa-2x"
style="color: #008bff;"></i></a>
></i></a>
</div>
</section>

Expand Down Expand Up @@ -858,15 +858,15 @@ <h4>Contact Us</h4>
<h4>Follow US</h4>
<div class="contact-icons">
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://www.linkedin.com/company/csedge/" target="_blank"><i class="fab fa-linkedin fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://github.com/CSEdgeOfficial" target="_blank"><i class="fab fa-github fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://www.instagram.com/csedgeofficial" target="_blank"><i class="fab fa-instagram fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://youtube.com/@CSEdgeOfficial" target="_blank"><i class="fab fa-youtube fa-2x"
style="color: #ffff;"></i></a>
></i></a>
</div>
</div>
</div>
Expand Down
34 changes: 34 additions & 0 deletions csedge.courses/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -819,4 +819,38 @@ i {
height: 55px;
border-radius: 50%; /* Makes the image circular */
}
.contact-icons a i {
color: #ffffff;
transition: color 0.1s ease;

}
.contact-icn a i {
color: black;
transition: color 0.1s ease;

}

/* Specific colors for each social media icon */
.contact-icons a .fa-envelope:hover {
color: #D44638; /* Red color for email */
}

.contact-icons a .fa-linkedin:hover {
color: #0077B5; /* LinkedIn blue */
fill: white;
}

.contact-icons a .fa-github:hover {
color: black; /* GitHub black */
background-color: white;
border-radius: 50%;
}

.contact-icons a .fa-instagram:hover {
color: #E1306C; /* Instagram pink */
}

.contact-icons a .fa-youtube:hover {
color: #FF0000; /* YouTube red */

}
22 changes: 11 additions & 11 deletions csedge.courses/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -268,17 +268,17 @@ <h2 class="section-heading">Contact Us</h2>
<p class="section-content">For more information or inquiries, please contact us:</p>
<p class="section-content">Email: [email protected]</p>

<div class="contact-icons">
<div class="contact-icons contact-icn">
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://www.linkedin.com/company/csedge/" target="_blank"><i class="fab fa-linkedin fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://github.com/CSEdgeOfficial" target="_blank"><i class="fab fa-github fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://www.instagram.com/csedgeofficial" target="_blank"><i class="fab fa-instagram fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
<a href="https://youtube.com/@CSEdgeOfficial" target="_blank"><i class="fab fa-youtube fa-2x"
style="color: #0085ff;"></i></a>
></i></a>
</div>
</section>
<!--FAQ Section-->
Expand Down Expand Up @@ -392,15 +392,15 @@ <h4>Contact Us</h4>
<h4>Follow US</h4>
<div class="contact-icons">
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://www.linkedin.com/company/csedge/" target="_blank"><i class="fab fa-linkedin fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://github.com/CSEdgeOfficial" target="_blank"><i class="fab fa-github fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://www.instagram.com/csedgeofficial" target="_blank"><i class="fab fa-instagram fa-2x"
style="color: #ffff;"></i></a>
></i></a>
<a href="https://youtube.com/@CSEdgeOfficial" target="_blank"><i class="fab fa-youtube fa-2x"
style="color: #ffff;"></i></a>
></i></a>
</div>
</div>
</div>
Expand Down
Binary file removed images/bam.jpg
View file
Binary file not shown.

0 comments on commit b0aa947

Please sign in to comment.