change twitter icon in footer

courses.html

@@ -5,7 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ML Fusion Labs - Courses</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+      integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
 
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="scroll.css">
@@ -114,6 +120,13 @@
             background: #000000;
         }
 
+        body.dark-mode .btn-cont .load-more-button{
+            background-color: #fff;
+            color: #000;
+        }
+        body.dark-mode .btn-cont .load-more-button:hover{
+            background-color: #e2e2e2;
+        }
     </style>
 
 </head>
@@ -148,6 +161,7 @@
                         <li class="nav-item">
                             <a class="nav-link" href="contact.html">Contact</a>
                         </li>
+                        <div class="theme-switch" id="theme-switch"></div>
                         <!-- Optional: Add a dropdown or additional links if needed -->
                     </ul>
                 </div>
@@ -232,7 +246,7 @@ <h5>Cloud Computing</h5>
             Follow us on:
             <a href="https://facebook.com" target="_blank"><i class="fab fa-facebook-f"></i></a>
 
-            <a href="https://twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
+            <a href="https://twitter.com" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
             <a href="https://linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a>
           </div>
           <div class="footer-contact">
@@ -253,6 +267,7 @@ <h5>Cloud Computing</h5>
 
     <script src="scroll.js"></script>
     <script src="courses.js" type="module"></script>
+    <script src="script.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>