diff --git a/src/contents/methods.tsx b/src/contents/methods.tsx
index 31d0c8b96c52b689c44797fe478843329c067791..51337503d57b92b8db053b6c31d88d2ed1ec0871 100644
--- a/src/contents/methods.tsx
+++ b/src/contents/methods.tsx
@@ -1,17 +1,19 @@
+import { Section } from "../components/sections";
 import { useTabNavigation } from "../utils/TabNavigation";
 
 export function Methods() {
   useTabNavigation();
     return (
       <>
-        <div className="row">
-          <div className="col">
-           
-          </div>
-        </div>
-        <div className="row">
-      
-        </div>
+        <Section title="Introduction" id="Introduction">
+          ...
+        </Section>
+        <Section title="Patch Clamp" id="Patch Clamp">
+          ...
+        </Section>
+        <Section title="Cell Lines" id="Cell Lines">
+          ...
+        </Section>
       </>
     );
   }
diff --git a/src/pages.ts b/src/pages.ts
index 62163b502eadf3c6bedf02998444c61ba7fb3162..695bbeef0e7051db69bfc84820d108abc3f63cbf 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -27,6 +27,7 @@ import { Methods } from "./contents/methods";
 import { METHH } from "./headers/meth-h";
 import { ConSidebar } from "./sidebars/conS";
 import { iGemBielefeldSidebar } from "./sidebars/igbS";
+import { MethSidebar } from "./sidebars/methS";
 import { PartSidebar } from "./sidebars/prtS";
 import { ResultSidebar } from "./sidebars/resS";
 
@@ -162,7 +163,7 @@ const Pages: (Page | Folder)[] = [
       path: "/materials-methods",
       component: Methods,
       header: METHH,
-      navlist: NoSidebar,
+      navlist: MethSidebar,
     },
     {
       name: "Notebook",
@@ -338,7 +339,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           path: "/materials-methods",
           component: Methods,
           header: METHH,
-          navlist: NoSidebar,
+          navlist: MethSidebar,
         },
         {
           name: "Results",
diff --git a/src/sidebars/methS.tsx b/src/sidebars/methS.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..abc5b60e74fed383d426c04b4c0b52616e575c0d
--- /dev/null
+++ b/src/sidebars/methS.tsx
@@ -0,0 +1,17 @@
+import { createSidebar } from "../utils/createSidebar";
+
+export function MethSidebar(){
+    let sidebar = createSidebar(tabs); 
+    return(
+        <div className="col-2  d-lg-block">
+           {sidebar}
+        </div>
+    )
+}
+
+
+const tabs = [
+    { tab: "Introduction"},
+    { tab: "Patch Clamp"},
+    {tab: "Cell Lines"},
+  ];