Skip to content

Hover on social icons of footer and contact us section of both the home and free content page #538

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jul 12, 2024
Merged

Hover on social icons of footer and contact us section of both the home and free content page #538

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
696c75f
add social icon hover in footer and contact us section home and free …
ANKeshri Jul 4, 2024
9d87c5f
add img
ANKeshri Jul 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified Images/bam.jpg
View file
Open in desktop
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
Open in desktop
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: internship@csedge.courses</p>

<div class="contact-icons">
<div class="contact-icons contact-icn">
<a href="mailto:cseedge@gmail.com" 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:cseedge@gmail.com" 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
Open in desktop
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
Open in desktop
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: internship@csedge.courses</p>

<div class="contact-icons">
<div class="contact-icons contact-icn">
<a href="mailto:cseedge@gmail.com" 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:cseedge@gmail.com" 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
Open in desktop
Binary file not shown.
Loading