diff --git a/index.html b/index.html
index 4eeb3f2..e9c548c 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,9 @@
         <div class="content">
             <h1>Welcome to my Personal Website!</h1>
             <p>My (user)name's ION606, feel free to looks at my stuffs</p>
-            <button onclick="window.location.href = 'README.html';">README</button>
-            <button onclick="window.location.href = 'links.html';">Links</button>
-            <button onclick="window.location.href = 'projects.html';">Projects</button>
+            <button onclick="window.location.href = 'README';">README</button>
+            <button onclick="window.location.href = 'links';">Links</button>
+            <button onclick="window.location.href = 'projects';">Projects</button>
         </div>
     </div>
 
diff --git a/pageMenu.js b/pageMenu.js
index 490eb62..43e286c 100644
--- a/pageMenu.js
+++ b/pageMenu.js
@@ -7,9 +7,9 @@ function createPageMenu() {
 
     const links = [
         { text: 'Home', href: '/' },
-        { text: 'Projects', href: 'projects.html' },
-        { text: 'README', href: 'README.html' },
-        { text: 'Links', href: 'links.html' }
+        { text: 'Projects', href: 'projects' },
+        { text: 'README', href: 'README' },
+        { text: 'Links', href: 'links' }
     ];
 
     links.forEach(link => {