diff --git a/css/about.css b/css/about.css
index e1f604f..d4afcc8 100644
--- a/css/about.css
+++ b/css/about.css
@@ -104,6 +104,7 @@ body {
     padding-left: 50px;
     padding-right: 50px;
     margin-bottom: 50px;
+    background-image: none;
 }
 
 .aboutBox{
diff --git a/css/features.css b/css/features.css
index 473fece..4fbe204 100644
--- a/css/features.css
+++ b/css/features.css
@@ -105,6 +105,7 @@ body {
     padding-left: 50px;
     padding-right: 50px;
     margin-bottom: 50px;
+    background-image: none;
 }
 
 .aboutBox{
diff --git a/css/style.css b/css/style.css
index 59ad1bc..3918af0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -235,7 +235,7 @@ h1 {
   margin-top: 50px;
   /*adding background img*/
   background: #180410;
-  background-image: url(assets/images/formbgi.jpg);
+  background-image: url(../assets/images/formbgi.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   height: auto;
diff --git a/js/script.js b/js/script.js
index 984d4b7..f596b52 100644
--- a/js/script.js
+++ b/js/script.js
@@ -878,43 +878,43 @@ document.addEventListener("ContentLoaded", () => {
 });
 
 function changeToGif1() {
-    document.getElementById('image1').src = 'assets/images/features/Conic_1.gif';
+    document.getElementById('image1').src = '../assets/images/features/Conic_1.gif';
 }
 function changeToStatic1() {
-    document.getElementById('image1').src = 'assets/images/features/Conic_1.jpg';
+    document.getElementById('image1').src = '../assets/images/features/Conic_1.jpg';
 }
 
 function changeToGif2() {
-    document.getElementById('image2').src = 'assets/images/features/Conic_2.gif';
+    document.getElementById('image2').src = '../assets/images/features/Conic_2.gif';
 }
 function changeToStatic2() {
-    document.getElementById('image2').src = 'assets/images/features/Conic_2.jpg';
+    document.getElementById('image2').src = '../assets/images/features/Conic_2.jpg';
 }
 
 function changeToGif3() {
-    document.getElementById('image3').src = 'assets/images/features/Radial_01.gif';
+    document.getElementById('image3').src = '../assets/images/features/Radial_01.gif';
 }
 function changeToStatic3() {
-    document.getElementById('image3').src = 'assets/images/features/Radial_01.jpg';
+    document.getElementById('image3').src = '../assets/images/features/Radial_01.jpg';
 }
 
 function changeToGif4() {
-    document.getElementById('image4').src = 'assets/images/features/Radial_02.gif';
+    document.getElementById('image4').src = '../assets/images/features/Radial_02.gif';
 }
 function changeToStatic4() {
-    document.getElementById('image4').src = 'assets/images/features/Radial_02.jpg';
+    document.getElementById('image4').src = '../assets/images/features/Radial_02.jpg';
 }
 
 function changeToGif5() {
-    document.getElementById('image5').src = 'assets/images/features/Linear_01.gif';
+    document.getElementById('image5').src = '../assets/images/features/Linear_01.gif';
 }
 function changeToStatic5() {
-    document.getElementById('image5').src = 'assets/images/features/Linear_01.jpg';
+    document.getElementById('image5').src = '../assets/images/features/Linear_01.jpg';
 }
 
 function changeToGif6() {
-    document.getElementById('image6').src = 'assets/images/features/Linear_02.gif';
+    document.getElementById('image6').src = '../assets/images/features/Linear_02.gif';
 }
 function changeToStatic6() {
-    document.getElementById('image6').src = 'assets/images/features/Linear_02.jpg';
+    document.getElementById('image6').src = '../assets/images/features/Linear_02.jpg';
 }
\ No newline at end of file
diff --git a/pages/about.html b/pages/about.html
index 203609b..749cb26 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About - Random Disco Light Simulator</title>
 
-    <link rel="icon" href="assets/images/favicon/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="../assets/images/favicon/favicon.ico" type="image/x-icon" />
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/about.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
@@ -140,28 +140,8 @@ <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px;
         </div>
     </footer>
     <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
-    <script src="background.js"></script>
-    <script src="script.js"></script>
-    <script>
-        // Set background image to none and make main navigation visible
-        document.querySelector(".box").style.backgroundImage = "none";
-        document.querySelector(".navMain").style.visibility = "visible";
-
-        // Function to close the sidebar
-        function closeSidebar() {
-            document.querySelector('.sidebarOne').style.display = 'none';
-            document.querySelector(".navMain").style.display = "block";
-        }
-
-        // Close sidebar when the cross icon is clicked
-        document.querySelector('.cross').addEventListener('click', closeSidebar);
-
-        // Close sidebar when any sidebar navigation item is clicked
-        document.querySelectorAll('.sidebarOne li a').forEach(item => {
-            item.addEventListener('click', closeSidebar);
-        });
-
-    </script>
+    <script src="../js/background.js"></script>
+    <script src="../js/script.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/pages/features.html b/pages/features.html
index ba29378..a82c242 100644
--- a/pages/features.html
+++ b/pages/features.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Features - Random Disco Light Simulator</title>
 
-    <link rel="icon" href="assets/images/favicon/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="../assets/images/favicon/favicon.ico" type="image/x-icon" />
     <link rel="stylesheet" href="../css/style.css">
     <link rel="stylesheet" href="../css/features.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"