Merge pull request #1056 from ANKeshri/feat/social-icon-hover-in-host…

…el-management feat: add hover on social icon of hostel management
apu52 · Jul 24, 2024 · 3a503f8 · 3a503f8
2 parents c753882 + 3ee4180
commit 3a503f8
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/Projects/HOSTEL_MANAGEMENT/index.html b/Projects/HOSTEL_MANAGEMENT/index.html
@@ -203,13 +203,19 @@ <h2>SUPPORT STAFF</h2>
 
     <div class="icon_container">
         <div class="icon">
+            <a href="https://www.facebook.com/">
             <i class="fa-brands fa-facebook"></i>
+        </a>
         </div>
         <div class="icon">
+            <a href="https://www.instagram.com/">
             <i class="fa-brands fa-instagram"></i>
+        </a>
         </div>
         <div class="icon">
+            <a href="https://www.linkedin.com">
             <i class="fa-brands fa-linkedin"></i>
+        </a>
         </div>
         <div class="icon">
             <i class="fa-brands fa-twitter"></i>

diff --git a/Projects/HOSTEL_MANAGEMENT/style.css b/Projects/HOSTEL_MANAGEMENT/style.css
@@ -389,4 +389,21 @@ footer h2{
 
 
 
+}
+   /* social icon hover */
+.icon_container .icon .fa-facebook:hover{
+    color:#1877F2;
+}
+.icon_container .icon .fa-instagram:hover{
+    color: rgb(219 39 119);
+}
+.icon_container .icon .fa-linkedin:hover{
+    color:#0a66c2;
+}
+.icon_container .icon .fa-twitter:hover{
+    color:#1DA1F2;
+}
+.icon a{
+    text-decoration: none;
+    color: white;
 }
diff --git a/Projects/Tindog_website/style.css b/Projects/Tindog_website/style.css
@@ -279,7 +279,7 @@ h1 {
 .display-4{
   color: black;
   font-weight: 400 !important;
-
+}
 /* Contact Us Section */
 .contact-section {
   padding: 50px 0;