diff --git a/Resources.html b/Resources.html
index e66207c..9edbb8e 100644
--- a/Resources.html
+++ b/Resources.html
@@ -4,12 +4,91 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Free Learning Resources</title>
-    <link rel="stylesheet" href="./Resources.css">
+    <link rel="stylesheet" href="styles.css" type="text/css" />
+    <link rel="stylesheet" href="Resources.css">
+    <script src="script.js" defer></script>
+    <script type="text/javascript" src="darkmode.js" defer></script>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
 </head>
 <body>
+    <!-- Adding Navbar -->
+    <nav class="navbar">
+        <a href="index.html" class="flex"><img src="images/logo.png" class="logo">
+            <span class="website-name tracking-tight ">Code Social</span></a>
+    
+    
+        <!-- Hamburger Menu -->
+        <div class="hamburger-menu">
+            <div class="toggle-button">
+                <img src="images/hamburger.png" alt="open" id="hamburger-img">
+    
+            </div>
+        </div>
+    
+        <!-- Navbar Links -->
+        <ul class="navbar-links flex  ">
+            <li class="ml-20">
+                <a href="maintenance.html">Live Events</a>
+                <ul class="dropdown  ">
+                    <li><a href="register.html">Register Now</a></li>
+                    <li><a href="maintenance.html">Why don't you react?</a></li>
+    
+                </ul>
+            </li>
+         <!-- blog section -->
+            <ul class="navbar-links flex  ">
+            <li class="ml-20">
+                <a href="blog.html">Blogs</a>
+                </ul>
+            </li>
+            <li class="community">
+                <a href="maintenance.html">Join Our Community</a>
+                <ul class="dropdown">
+                    <li><a href="maintenance.html">WhatsApp</a></li>
+                    <li><a href="maintenance.html">Discord</a></li>
+                </ul>
+            </li>
+            <li>
+                <a href="learning.html">Learning</a>
+                <ul class="dropdown">
+                    <li><a href="Resources.html">Free Learning Resources</a></li>
+                    <li><a href="#">Mentorship Programs</a></li>
+                    <li><a href="#">Peer-to-Peer Sessions</a></li>
+                </ul>
+            </li> 
+            <li class="hamburger-menu">
+                <div class="toggle-button">
+                    <span class="about-text">About us</span>
+                    <button class="bar"></button>
+                    <button class="bar"></button>
+                    <button class="bar"></button>
+                </div>
+                <ul class="dropdown">
+                    <li><a href="mentorship.html">Meet Our Team</a></li>
+                    <li><a href="#">Join Our Team</a></li>
+                    <li><a href="#">Contact Us</a></li>
+                    <li><a href="#">Follow Us</a></li>
+                </ul>
+            </li>
+            
+            <li>
+                <a href="maintenance.html">Follow Us</a>
+            </li>
+            <!-- Dark Mode Toggle -->
+            <li>
+                <button id="theme-toggle" class="theme-toggle-btn">
+                    <img src="images/dark-mode.png" alt="theme-mode" id="theme-toggle-icon">
+                </button>
+                <!-- when light mode is active -> use "dark-mode.png" and when dark mode is active -> use "light-mode.png" -->
+            </li>
+        </ul>
+    </nav>
+
+
+
   <div class="nav">
     <div class="text">
         <p>Free Learning Resources</p>
@@ -127,5 +206,52 @@ <h2>C++ Programming Course - Beginner to Advanced</h2>
 
 
   </div>
+
+  <!-- Adding footer -->
+  <footer class="footer-section">
+    <div class="container">
+      <!-- Logo and About Section -->
+      <div class="footer-logo-about">
+        <a href="index.html" class="footer-logo-link">
+          <img src="images/logo.png" alt="Code Social Logo" class="footer-logo">
+          <span class="website-name">Code Social</span>
+        </a>
+        <p class="footer-about-text">
+          Code Social Community is a vibrant and inclusive space for tech enthusiasts <br> to learn, grow, and connect. Founded in 2023, our mission is to empower individuals <br> with resources, mentorship, and opportunities to cultivate their skills, explore their interests, and <br>collaborate with like-minded peers.
+        </p>
+        <div class="social-icons">
+          <a href="https://wa.me/your-whatsapp-number" target="_blank"><img src="images/whatsapp-icon.png" alt="WhatsApp"></a>
+          <a href="https://discord.gg/MSTNyRSPYW" target="_blank"><img src="images/discord-icon.png" alt="Discord"></a>
+          <a href="https://www.linkedin.com/company/code-social/" target="_blank"><img src="images/linkedin-icon.png" alt="LinkedIn"></a>
+        </div>
+      </div>
+  
+      <!-- Links Section -->
+      <div class="footer-links">
+        <div class="footer-column">
+          <p class="footer-title">Quick Links</p>
+          <ul class="footer-list">
+            <li><a href="#">About Us</a></li>
+            <li><a href="#">Events</a></li>
+            <li><a href="#">Community Guidelines</a></li>
+            <li><a href="#">Careers</a></li>
+          </ul>
+        </div>
+        <div class="footer-column">
+          <p class="footer-title">Help</p>
+          <ul class="footer-list">
+            <li><a href="#">Contact Us</a></li>
+            <li><a href="#">Volunteer Opportunities</a></li>
+            <li><a href="#">Terms & Conditions</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  
+    <!-- Footer Bottom -->
+    <hr class="footer-divider">
+    <p class="footer-bottom-text">© Copyright 2024, All Rights Reserved by Code Social</p>
+  </footer>
+
 </body>
 </html>
