diff --git a/about.html b/about.html
index 0645e0a..5459c47 100644
--- a/about.html
+++ b/about.html
@@ -10,8 +10,8 @@
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About Us</a></li>
                 <li><a href="work.html">Our Work</a></li>
-                <li><a href="#">Support Us</a></li>
-                <li><a href="#">Contact</a></li>
+                <li><a href="support.html">Support Us</a></li>
+                <li><a href="contact.html">Contact</a></li>
             </ul>
             <div class="language-toggle">
                 <i class="fas fa-globe"></i>
@@ -61,7 +61,7 @@
                 <p>Our vision extends beyond immediate educational needs. We are working towards establishing permanent learning centers equipped with modern facilities to foster innovation and long-term development. These centers will not only provide education but also serve as community hubs for creativity, empowerment, and healing.</p>
             </div>
             <div class="vision-image">
-                <img src="images/children-classroom.jpg" alt="Children in a learning environment">
+                <img src="images/children-classroom.png" alt="Children in a learning environment">
             </div>
         </div>
     </div>
diff --git a/images/children-classroom.png b/images/children-classroom.png
new file mode 100644
index 0000000..36be785
Binary files /dev/null and b/images/children-classroom.png differ
diff --git a/images/founders.jpg b/images/founders.jpg
new file mode 100644
index 0000000..d4ad87c
Binary files /dev/null and b/images/founders.jpg differ
diff --git a/images/hero-image.jpg.png b/images/hero-image.jpg
similarity index 100%
rename from images/hero-image.jpg.png
rename to images/hero-image.jpg
diff --git a/index.html b/index.html
index 799a1fe..c448561 100644
--- a/index.html
+++ b/index.html
@@ -98,7 +98,7 @@
         
         /* Header styles */
         header {
-            background-color: white;
+            background-color: var(--navy-blue);
             box-shadow: 0 2px 5px rgba(0,0,0,0.1);
             position: fixed;
             top: 0;
@@ -112,6 +112,7 @@
             justify-content: space-between;
             align-items: center;
             padding: 1rem 0;
+            background-color: white;
         }
         
         .logo {
@@ -419,8 +420,8 @@
                     <li><a href="index.html">Home</a></li>
                     <li><a href="about.html">About Us</a></li>
                     <li><a href="work.html">Our Work</a></li>
-                    <li><a href="#">Support Us</a></li>
-                    <li><a href="#">Contact</a></li>
+                    <li><a href="support.html">Support Us</a></li>
+                    <li><a href="contact.html">Contact</a></li>
                 </ul>
                 <div class="language-toggle">
                     <i class="fas fa-globe"></i>
@@ -437,8 +438,7 @@
     <section class="hero" style="background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/hero-image.jpg') center/cover no-repeat;">
         <div class="container">
             <div class="hero-content">
-                <h1>Our Children,
-                    Our Future</h1>
+                <h1>Our Children, Our Future</h1>
                 <p>Bringing Education Where Schools Cannot Reach</p>
                 <a href="#" class="btn btn-primary">Support Our Mission</a>
             </div>
@@ -552,7 +552,7 @@
                     <p>Equips a mobile classroom</p>
                 </div>
             </div>
-            <a href="Support.html" class="btn btn-primary">Donate Now</a>
+            <a href="support.html" class="btn btn-primary">Donate Now</a>
         </div>
     </section>
 
@@ -576,8 +576,8 @@
                         <li><a href="index.html">Home</a></li>
                         <li><a href="about.html">About Us</a></li>
                         <li><a href="work.html">Our Work</a></li>
-                        <li><a href="Support.html">Support Us</a></li>
-                        <li><a href="Contact.html">Contact</a></li>
+                        <li><a href="support.html">Support Us</a></li>
+                        <li><a href="contact.html">Contact</a></li>
                     </ul>
                 </div>
                 <div class="footer-section">
diff --git a/work.html b/work.html
index add2764..0d3d20e 100644
--- a/work.html
+++ b/work.html
@@ -589,8 +589,8 @@
                     <li><a href="index.html">Home</a></li>
                     <li><a href="about.html">About Us</a></li>
                     <li><a href="work.html" class="active">Our Work</a></li>
-                    <li><a href="Support.html">Support Us</a></li>
-                    <li><a href="Contact.html">Contact</a></li>
+                    <li><a href="support.html">Support Us</a></li>
+                    <li><a href="contact.html">Contact</a></li>
                 </ul>
                 <div class="language-toggle">
                     <i class="fas fa-globe"></i>