diff --git a/week-04/css/style.css b/week-04/css/style.css
index f4d88d1..ead1638 100644
--- a/week-04/css/style.css
+++ b/week-04/css/style.css
@@ -86,7 +86,7 @@ textarea {
 
 body {
     background-color: #353535; /* Light grey background color */
-    background-image: url('/DMD-3470/week-04/Assets/background.png'); /* Update the path to your image */
+    background-image: url('/DMD-3470/week-04/assets/background.png'); /* Update the path to your image */
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
@@ -126,7 +126,7 @@ body {
 .social-media-text {
   font-weight: 500;
   font-size: 18px;
-  color: #909090;
+  color: #212121;
 }
 
 .hr-custom {
diff --git a/week-04/index.html b/week-04/index.html
index 8c81c69..4ff4b08 100644
--- a/week-04/index.html
+++ b/week-04/index.html
@@ -48,9 +48,9 @@
             <!-- Main Section -->
             <section class="my-5">
                 <div class="row">
-                    <div class="col-md-7 border border-dark p-5 text-start">
-                        <div class="p-3">
-                            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid mb-3" style="height: 50px;">
+                    <div class="col-md-7 border border-dark text-start">
+                        <div>
+                            <img src="assets/logo.png" alt="AXIT Logo" class="img-fluid mb-3" style="height: 50px;">
                             <p class="mt-3 raleway-font">Modern Axure template <br> for beautiful prototypes</p>
                             <hr class="hr-custom">
                             <p class="lorem-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
@@ -60,7 +60,7 @@
                             <div class="border border-white text-white px-4 py-2 d-inline-block">Download</div>
                         </div>
                     </div>
-                    <div class="col-md-5 border border-dark p-5 form-styling">form
+                    <div class="col-md-5 border border-dark form-styling">form
                         <form>
                             <div class="mb-3">
                                 <label for="name" class="form-label">Name</label>
@@ -79,29 +79,43 @@
                     </div>
                 </div>
             </section>
-  
-            <!-- Social Media Section -->
-            <section class="social-media-section container-fluid">
+        </div>  
+    </main>
+            
+    <!-- Social Media Section -->
+            <section class="social-media-section container-fluid" style="background-color: #f8f9fa;">
+                <div class="container">
                 <div class="row">
                     <!-- Left section with 30% width -->
-                    <div class="col-md-4 border border-dark p-5">
+                    <div class="col-md-4">
                         <p class="social-media-text">Social media</p>
                         <p class="lorem-text-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
                             euismod bibendum laoreet. Proin gravida dolor sit amet lacus</p>
                     </div>
             
                     <!-- Right section with 70% width -->
-                    <div class="col-md-8 border border-dark p-5">
-                        Right Section
+                    <div class="col-md-8 d-flex align-items-center">
+                        <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+                        <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+                        <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+                        <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+                        <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
                     </div>
                 </div>
+                </div>
             </section>
-        </div>
-    </main>
+
+  
     
     <!-- Footer -->
     <footer class="container-fluid py-3 border border-dark text-center footer-custom">
-        <div class="container border border-dark p-3">Footer</div>
+        <div class="container p-3">
+            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+            <img src="assets/Logo.png" alt="AXIT Logo" class="img-fluid" style="max-height: 50px;">
+        </div>
     </footer>
   
   </body>