diff --git a/docs/create-modify-element.md b/docs/create-modify-element.md
new file mode 100644
index 0000000..1beb4c3
--- /dev/null
+++ b/docs/create-modify-element.md
@@ -0,0 +1,6 @@
+---
+id: create-modify-element
+title: Create / modify DOM nodes
+sidebar_label: DOM Manipulation
+slug: /
+---
diff --git a/docs/read-from-element.md b/docs/read-from-element.md
new file mode 100644
index 0000000..41257f8
--- /dev/null
+++ b/docs/read-from-element.md
@@ -0,0 +1,4 @@
+---
+id: read-from-element
+title: Properties of DOM nodes
+---
diff --git a/sidebars.js b/sidebars.js
index 8765a2e..7ebd190 100644
--- a/sidebars.js
+++ b/sidebars.js
@@ -1,6 +1,35 @@
 module.exports = {
-  someSidebar: {
-    Docusaurus: ['doc1', 'doc2', 'doc3'],
-    Features: ['mdx'],
+  "Quick Guide": {
+    "DOM and Events": [
+      "create-modify-element",
+      'read-from-element',
+     ],
+
+    /*
+    'DOM and Events': [
+      'create-modify-element',
+      'read-from-element',
+      'event-callback-delegation',
+      'event-delegation-bubbling',
+      'input-elements',
+      'form-validation',
+      'mouse-touch-events',
+      'scroll-intersection-observer',
+    ],
+    'CSS': [
+      'common-selectors', 
+      'specificity',
+    ]
+    */
   },
+  tasks: [
+    /*
+    'infinite-scrolling-page-with-api',
+    'draggable-element',
+    'drag-and-drop',
+    'clock-ui',
+    'popup-manager',
+    'todo-list'
+    */
+  ],
 };