change

YadavAkhileshh · Nov 10, 2024 · 9c85f92 · 9c85f92
1 parent 4385b7f
commit 9c85f92
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -30,6 +30,9 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <link rel="stylesheet" href="Alien.css">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
 
     <link rel="manifest" href="/manifest.json">
 
@@ -397,6 +400,28 @@
             border-radius: 5px;
             /* Rounded edges for a smoother look */
         }
+        .social-icons a {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 2.0rem;
+    height: 2.0rem;
+    background-color: transparent;
+    border: 0.2rem solid #0000ffb3;
+    font-size: 1.1rem;
+    border-radius: 50%;
+    margin: 1.5rem 0.5rem 1.5rem 0;
+    transition: 0.3s ease;
+    color: rgba(0, 0, 255, 0.7);
+    text-decoration: none;
+}
+
+.social-icons a:hover {
+    color: black;
+    transform: scale(1.3) translateY(-5px);
+    background-color:rgba(95, 95, 219, 0.7);
+    box-shadow: 0 0 25px rgba(83, 83, 229, 0.7);
+}
     </style>
      <!-- on scroll progress bar -->
     <div class="progress-bar-container">
@@ -1267,6 +1292,13 @@ <h2 class="primary-btn" id="logoutButton" style="display: none;">
     <div class="footer-note">
         &copy; 2024 Alien Invasion Defense. All rights reserved.
     </div>
+    <div class="social-icons">
+        <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+        <a href="#"><i class="fa-brands fa-github"></i></a>
+        <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+        <a href="#"><i class="fa-brands fa-instagram"></i></a>
+    </div>
+
 </footer>