diff --git a/AboutUs/About.css b/AboutUs/About.css
index d0f124a..f24c26e 100644
--- a/AboutUs/About.css
+++ b/AboutUs/About.css
@@ -231,3 +231,54 @@ body {
right: 1em;
}
}
+
+.icons {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ gap: 25px;
+}
+
+.icons .icon i {
+ margin-top: 15px;
+ font-size: 30px;
+ transition: all 0.9s ease;
+}
+
+.icons .icon:hover i {
+ transform: scale(1.2);
+}
+
+.icons .icon:hover .fab.fa-facebook {
+ color: #3b5998;
+}
+
+.icons .icon:hover .fab.fa-twitter {
+ color: #090e11;
+}
+
+.icons .icon:hover .fab.fa-instagram {
+ background: radial-gradient(
+ circle at 30% 107%,
+ #fdf497 0%,
+ #fdf497 5%,
+ #fd5949 45%,
+ #d6249f 60%,
+ #285aeb 90%
+ );
+ background-clip: text;
+ border-radius: 20%;
+ transform: scale(1.5);
+ color: transparent;
+}
+
+.icons .icon:hover .fab.fa-youtube {
+ color: #c31a1e;
+}
+.icons .icon:hover .fab.fa-github {
+ color: #333;
+}
+.icons .icon:hover .fab.fa-linkedin {
+ color: #0077b5;
+}
diff --git a/AboutUs/About.html b/AboutUs/About.html
index 06dc42d..6b6d01b 100644
--- a/AboutUs/About.html
+++ b/AboutUs/About.html
@@ -84,6 +84,40 @@ Permutation of Last Layer (PLL)
+
+