diff --git a/src/contents/parts.tsx b/src/contents/parts.tsx
index 5fa348d60de562200f291379fe584df1bb701ae7..5878de1f6676da47f5a335cb503c66ac40d9cf63 100644
--- a/src/contents/parts.tsx
+++ b/src/contents/parts.tsx
@@ -14,13 +14,34 @@ export function Parts() {
           </Subesction>
         </Section>
         <Section title="Process" id="Process">
-          <LoremMedium/>  
+          <Subesction title="EC" id="Process1">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Design and Build" id="Process2">
+            <LoremMedium/> 
+          </Subesction>
         </Section>
         <Section title="Experiments" id="Experiments">
-          <LoremMedium/>
+          <Subesction title="Cloning" id="Experiments1">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Nikase-Assay" id="Experiments2">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Activity Experiments" id="Experiments3">
+            <LoremMedium/> 
+          </Subesction>
         </Section>
         <Section title="Parts Collection" id="Parts Collection">
-          <LoremMedium/> 
+          <Subesction title="Plasmids" id="Parts Collection1">
+            <LoremMedium/>
+          </Subesction>
+          <Subesction title="Basic Parts" id="Parts Collection2">
+            <LoremMedium/>
+          </Subesction>
+          <Subesction title="Composite Parts" id="Parts Collection3">
+            <LoremMedium/>
+          </Subesction>
         </Section>
       </div>
     );
diff --git a/src/pages.ts b/src/pages.ts
index 44c3d24e45f5878736db672b9054e7202994611b..0aa9344f46aa316d0acea68a9b8e1cfd044b0397 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -25,6 +25,7 @@ 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";
+import { PartSidebar } from "./sidebars/prtS";
 
 interface Base {
   name: string | undefined;
@@ -182,7 +183,7 @@ const Pages: (Page | Folder)[] = [
       path: "/parts",
       component: Parts,
       header: PARTH,
-      navlist: NoSidebar,
+      navlist: PartSidebar,
     },
     {
       name: "Project Documentation",
@@ -350,7 +351,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           path: "/parts",
           component: Parts,
           header: PARTH,
-          navlist: NoSidebar,
+          navlist: PartSidebar,
         },
         {
           name: "Notebook",
diff --git a/src/sidebars/prtS.tsx b/src/sidebars/prtS.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..58b234556ab2c23cad16b0bcedad4c0f8339ee8e
--- /dev/null
+++ b/src/sidebars/prtS.tsx
@@ -0,0 +1,18 @@
+import { createSidebar } from "../utils/createSidebar";
+
+export function PartSidebar(){
+    let sidebar = createSidebar(tabs); 
+    return(
+        <div className="col-2 d-none d-lg-block">
+           {sidebar}
+        </div>
+    )
+}
+
+
+const tabs = [
+    { tab: "Introduction", subtabs: ["Description", "Characterization"]},
+    { tab: "Process", subtabs: ["EC", "Design and Build"]},
+    {tab: "Experiments", subtabs: ["Cloning", "Nikase-Assay", "Activity Experiments"]},
+    {tab: "Parts Collection", subtabs: ["Plasmids", "Basic Parts", "Composite Parts"]},
+  ];