diff --git a/src/App/App.css b/src/App/App.css
index 22b463cf42fe5cb53ddd90a28791c7eabaa839f7..2f7d0fa9559899346dab8031af87ee3adca469cc 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -676,6 +676,8 @@ footer a:hover {
 .teamcolzwei{
   margin-top: 3rem !important;
 }
+
+
 img,
 picture,
 svg {
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
index 850c387aeca3ad414bfe0486927134b873efc5e0..6a98c99663800eef78f160afa58c3a9b7df615bf 100644
--- a/src/components/Headings.tsx
+++ b/src/components/Headings.tsx
@@ -154,8 +154,8 @@ export function Hwave({text, id}:{text: string, id?: string}){
             </path>
             </pattern>
         </defs>
-        <text textAnchor="middle" x="50" y="15" fontSize="15" fill="url(#wave)"  fillOpacity="0.6">{text}</text>
-        <text textAnchor="middle" x="50" y="15" fontSize="15" fill="url(#gradient)" fillOpacity="0.3">{text}</text>
+        <text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#wave)"  fillOpacity="0.6">{text}</text>
+        <text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#gradient)" fillOpacity="0.3">{text}</text>
         </svg>
     )
 }
diff --git a/src/contents/methods.tsx b/src/contents/methods.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..389d255bfe6cfaba40a4363a41edf99cf8aec9ed
--- /dev/null
+++ b/src/contents/methods.tsx
@@ -0,0 +1,17 @@
+import { useNavigateTabs } from "../utils/navigation";
+export function Methods() {
+  useNavigateTabs();
+    return (
+      <>
+        <div className="row">
+          <div className="col">
+           
+          </div>
+        </div>
+        <div className="row">
+      
+        </div>
+      </>
+    );
+  }
+  
\ No newline at end of file
diff --git a/src/headers/meth-h.tsx b/src/headers/meth-h.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..71c86bdcc5183a7ab118a0f33a1e91de8ad26998
--- /dev/null
+++ b/src/headers/meth-h.tsx
@@ -0,0 +1,10 @@
+export function METHH() {
+
+    return (
+      <HeaderBox title="Materials" title2="& Methods">
+        
+      </HeaderBox>
+    );
+  }
+  
+  import HeaderBox from "../components/HeaderBox";
\ No newline at end of file
diff --git a/src/headers/prodesc-h.tsx b/src/headers/prodesc-h.tsx
index c9ffe0d938ac01abbebbec49226767a9e70bb046..19b9fd5b4750b9a85ad4a5f633b3c3955c15c772 100644
--- a/src/headers/prodesc-h.tsx
+++ b/src/headers/prodesc-h.tsx
@@ -1,7 +1,7 @@
 export function PRODESC() {
 
   return (
-    <HeaderBox title="Records" >
+    <HeaderBox title="Project" title2="Documentation" >
       
     </HeaderBox>
   );
diff --git a/src/headers/sup-h.tsx b/src/headers/sup-h.tsx
index 85b4c7a6b2e8fe2e611967f60e2de095ba995df8..9e378aa8f098092560d92bbb45495b181b045410 100644
--- a/src/headers/sup-h.tsx
+++ b/src/headers/sup-h.tsx
@@ -1,7 +1,7 @@
 export function SUPH() {
 
   return (
-    <HeaderBox title="Supplementary Data">
+    <HeaderBox title="Supplementary" title2="Material">
       
     </HeaderBox>
   );
diff --git a/src/pages.ts b/src/pages.ts
index 65a1da01aae2dc17cd82efddf3bf3ff3e4863d3f..4a68590a10eedeeaf4438a27d73e2a98fd882b98 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -23,6 +23,8 @@
 } from "./contents"; 
 import { DescSidebar, NoSidebar, EngSide } from "./contents";
 import {  IBIE,  JUDGEH, PRODESC,  SUPH, PARTH, ENGH,  HOMEH, HPH, SPONH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH } from "./contents";
+import { Methods } from "./contents/methods";
+import { METHH } from "./headers/meth-h";
 
 interface Base {
   name: string | undefined;
@@ -150,6 +152,14 @@ const Pages: (Page | Folder)[] = [
       header: JUDGEH, 
       navlist: NoSidebar,
     },
+    {
+      name: "Materials and Methods",
+      title: "Materials and Methods",
+      path: "/materials-methods",
+      component: Methods,
+      header: METHH,
+      navlist: NoSidebar,
+    },
     {
       name: "Notebook",
       title: "Notebook",
@@ -199,9 +209,9 @@ const Pages: (Page | Folder)[] = [
       navlist: SafetySidebar,
     },
     {
-      name: "Materials and Methods",
+      name: "Supplementary Material",
       title: "Supplementary",
-      path: "/materials-methods",
+      path: "/supplement",
       component: Supplementary,
       header: SUPH,
       navlist: NoSidebar,
@@ -297,6 +307,14 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           header: PRODESC,
           navlist: NoSidebar
         },
+        {
+          name: "Supplementary Material",
+          title: "Supplementary",
+          path: "/supplement",
+          component: Supplementary,
+          header: SUPH,
+          navlist: NoSidebar,
+        },
       ],
     },
     {
@@ -312,10 +330,10 @@ export const NavPages: (Page | PageRef | Folder)[] = [
         },
         {
           name: "Materials and Methods",
-          title: "Supplementary",
+          title: "Materials and Methods",
           path: "/materials-methods",
-          component: Supplementary,
-          header: SUPH,
+          component: Methods,
+          header: METHH,
           navlist: NoSidebar,
         },
         {
@@ -335,7 +353,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           navlist: NoSidebar,
         },
         {
-          name: "Documentation",
+          name: "Notebook",
           title: "Notebook",
           path: "/notebook",
           component: Notebook,