diff --git a/.vscode/+++.code-snippets b/.vscode/+++.code-snippets
new file mode 100644
index 0000000..176bb03
--- /dev/null
+++ b/.vscode/+++.code-snippets
@@ -0,0 +1,20 @@
+{
+	"simple site": {
+		"scope": "markdown",
+		"prefix": "+++",
+		"body": "+++\ntitle = \"${TM_FILENAME/.md//}$1\" \n\n[extra]\nheading = \"$2\"\n+++",
+		"description": "A basic snippet for zola md header"
+	}, 
+	"site in nav": {
+		"scope": "markdown",
+		"prefix": "+++",
+		"body": "+++\ntitle = \"${TM_FILENAME/.md//}\" \n\n[extra]\nheading = \"$2\"\nnav_right = true\nicon = \"$3\"\ncolor = \"#8FBCBB\"\n+++",
+		"description": "A snippet for zola md header with icon and color"
+	}, 
+	"site in main menu": {
+		"scope": "markdown",
+		"prefix": "+++",
+		"body": "+++\ntitle = \"${TM_FILENAME/.md//}\" \n\n[extra]\nheading = \"$2\"\nnav_right = true\nnav_title_left = \"$3\"\nnav_title_right = \"$4\"\nicon = \"$5\"\ncolor = \"#8FBCBB\"\n+++",
+		"description": "A snippet for zola md header with main menu columns"
+	}
+}
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..d8d1c7e
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://127.0.0.1:1111",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file