diff --git a/Website/index.html b/Website/index.html
index 18c030e52..e0a7a2a9b 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -228,8 +228,40 @@ <h3>Recommendation Models</h3>
         </svg>
     </button>
     
+    <!-- Side Icons -->
     
-    
+    <div class="side-icons">
+        <div class="icon-content">
+          <a href="https://www.facebook.com/recodehive" target="_blank" aria-label="Facebook" data-social="facebook">
+            <i class="fab fa-facebook-f"></i>
+            <div class="filled"></div>
+          </a>
+        </div>
+        <div class="icon-content">
+          <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
+            <i class="fab fa-linkedin-in"></i>
+            <div class="filled"></div>
+          </a>
+        </div>
+        <div class="icon-content">
+          <a href="https://twitter.com/sanjay_kv" target="_blank" aria-label="Twitter" data-social="twitter">
+            <i class="fab fa-twitter"></i>
+            <div class="filled"></div>
+          </a>
+        </div>
+        <div class="icon-content">
+          <a href="https://youtube.com" target="_blank" aria-label="YouTube" data-social="youtube">
+            <i class="fab fa-youtube"></i>
+            <div class="filled"></div>
+          </a>
+        </div>
+        <div class="icon-content">
+          <a href="https://github.com/recodehive" target="_blank" aria-label="GitHub" data-social="github">
+            <i class="fab fa-github"></i>
+            <div class="filled"></div>
+          </a>
+        </div>
+      </div>
    
     <footer class="footer">
         <div>&copy; <span id="year"></span> Machine Learning Repos - <a href="https://github.com/recodehive" id="footer-link">RecodeHive</a>. All rights reserved.</div>
diff --git a/Website/styles.css b/Website/styles.css
index 40e74e7fb..c799654bf 100644
--- a/Website/styles.css
+++ b/Website/styles.css
@@ -952,7 +952,122 @@ button#toggle-languages:hover {
         grid-template-columns: 1fr;
     }
 }
+.side-icons {
+    position: fixed;
+    right: 20px;
+    top: 30%;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+  }
+  
+  .icon-content {
+    position: relative;
+  }
+  
+  .icon-content a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    color: #4d4d4d;
+    background-color: #fff;
+    transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+    overflow: hidden;
+    text-decoration: none;
+    position: relative;
+  }
+  
+  .icon-content a i {
+    font-size: 24px;
+    position: relative;
+    z-index: 2;
+  }
+  
+  .icon-content a .filled {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    transition: transform 0.3s ease-in-out;
+    transform: scaleY(0);
+    transform-origin: bottom;
+    z-index: 1;
+  }
+  
+  .icon-content a:hover .filled {
+    transform: scaleY(1);
+  }
+  
+  .icon-content a:hover i {
+    color: #fff;
+  }
+  
+  .icon-content a[data-social="facebook"] .filled {
+    background-color: #3b5998;
+  }
+  
+  .icon-content a[data-social="linkedin"] .filled {
+    background-color: #0077b5;
+  }
+  
+  .icon-content a[data-social="twitter"] .filled {
+    background-color: #1da1f2;
+  }
+  
+  .icon-content a[data-social="youtube"] .filled {
+    background-color: #ff0000;
+  }
+  
+  .icon-content a[data-social="github"] .filled {
+    background-color: #24292e;
+  }
+  
+  .icon-content a:hover {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  }
+  
+  body.dark-mode .side-icons .icon-content a {
+    background-color: #121245;
+    color: #ddd;
+  }
+  
+  body.dark-mode .side-icons .icon-content a:hover .filled {
+    background-color: #444;
+  }
+  
+  body.dark-mode .side-icons .icon-content a:hover i {
+    color: #fff;
+  }
 
+  body.dark-mode .side-icons .icon-content a[data-social="facebook"] .filled {
+    background-color: #3b5998;
+  }
+  
+  body.dark-mode .side-icons .icon-content a[data-social="linkedin"] .filled {
+    background-color: #0077b5;
+  }
+  
+  body.dark-mode .side-icons .icon-content a[data-social="twitter"] .filled {
+    background-color: #1da1f2;
+  }
+  
+  body.dark-mode .side-icons .icon-content a[data-social="youtube"] .filled {
+    background-color: #ff0000;
+  }
+  
+  body.dark-mode .side-icons .icon-content a[data-social="github"] .filled {
+    background-color: #444c56;
+  }
+  
+  body.dark-mode .side-icons .icon-content a:hover {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
+  }
+  
 
 /* Dark Mode Styles */
 body.dark-mode {