diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/E-Library.iml b/.idea/E-Library.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/E-Library.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..9900d79
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/E-Library.iml" filepath="$PROJECT_DIR$/.idea/E-Library.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/index.html b/index.html
index c70b765..888a018 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@ <h2>Featured Books</h2>
     </div>
     <div class="static-pages">
       <ul>
-        <li><a href="pages/about-us.html">About Us</a></li>
+        <li><a href="./pages/about-us.html">About Us</a></li>
         <li><a href="pages/contact.html">Contact Us</a></li>
         <li><a href="pages/privacy.html">Privacy Policy</a></li>
         <li><a href="pages/terms.html">Terms of Service</a></li>
diff --git a/js/header-footer.js b/js/header-footer.js
index d4cc9c9..f01df52 100644
--- a/js/header-footer.js
+++ b/js/header-footer.js
@@ -9,10 +9,10 @@ window.addEventListener('DOMContentLoaded', () => {
         <h2 class="site-name">E-Library</h2>
         <ul class="navbar-links">
         <li class="nav-links"><a href="/">Home</a></li>
-        <li class="nav-links"><a href="books.html">Books</a></li>
-        <li class="nav-links"><a href="login.html">Log In</a></li>
-        <li class="nav-links"><a href="about-us.html">About Us</a></li>
-        <li class="nav-links"><a href="contact.html">Contact Us</a></li>
+        <li class="nav-links"><a href="../pages/books.html">Books</a></li>
+        <li class="nav-links"><a href="../pages/login.html">Log In</a></li>
+        <li class="nav-links"><a href="../pages/about-us.html">About Us</a></li>
+        <li class="nav-links"><a href="../pages/contact.html">Contact Us</a></li>
         </ul>
     `;
 
@@ -24,10 +24,10 @@ window.addEventListener('DOMContentLoaded', () => {
         </div>
         <div class="static-pages">
         <ul>
-            <li><a href="about-us.html">About Us</a></li>
-            <li><a href="contact.html">Contact Us</a></li>
-            <li><a href="privacy.html">Privacy Policy</a></li>
-            <li><a href="terms.html">Terms of Service</a></li>
+            <li><a href="../pages/about-us.html">About Us</a></li>
+            <li><a href="../pages/contact.html">Contact Us</a></li>
+            <li><a href="../pages/privacy.html">Privacy Policy</a></li>
+            <li><a href="../pages/terms.html">Terms of Service</a></li>
         </ul>
         </div>
     `;
diff --git a/js/navbar.js b/js/navbar.js
index b72212c..8f836bc 100644
--- a/js/navbar.js
+++ b/js/navbar.js
@@ -15,16 +15,16 @@ window.addEventListener('DOMContentLoaded', () => {
                 <a href="../index.html" class="nav-link">Home</a>
             </li>
             <li style="display: inline; margin-left: 10px;">
-                <a href="books.html" class="nav-link">Books</a>
+                <a href="../pages/books.html" class="nav-link">Books</a>
             </li>
             <li style="display: inline; margin-left: 10px;">
-                <a href="about-us.html" class="nav-link">About Us</a>
+                <a href="../pages/about-us.html" class="nav-link">About Us</a>
             </li>
             <li style="display: inline; margin-left: 10px;">
-                <a href="contact.html" class="nav-link">Contact</a>
+                <a href="../pages/contact.html" class="nav-link">Contact</a>
             </li>
             <li style="display: inline; margin-left: 10px;">
-                <a href="login.html" class="nav-link">Log In</a>
+                <a href="../pages/login.html" class="nav-link">Log In</a>
             </li>
         </ul>
     `;
diff --git a/pages/books.html b/pages/books.html
index 992b5c4..22c8533 100644
--- a/pages/books.html
+++ b/pages/books.html
@@ -15,16 +15,16 @@ <h2>E-Library</h2>
                         <a href="/index.html">Home</a>
                     </li>
                     <li>
-                        <a href="/pages/books.html">Books</a>
+                        <a href="./books.html">Books</a>
                     </li>
                     <li>
-                        <a href="/pages/login.html">Log In</a>
+                        <a href="./login.html">Log In</a>
                     </li>
                     <li>
-                        <a href="/pages/about-us.html">About Us</a>
+                        <a href="./about-us.html">About Us</a>
                     </li>
                     <li>
-                        <a href="/pages/contact.html">Contact Us</a>
+                        <a href="./contact.html">Contact Us</a>
                     </li>
                 </ul>
             </div>