diff --git a/SpiderWebsite/demo/templates/components.html b/SpiderWebsite/demo/templates/components.html
new file mode 100644
index 0000000..45a408f
--- /dev/null
+++ b/SpiderWebsite/demo/templates/components.html
@@ -0,0 +1,13 @@
+{% import 'macro' as macro %}
+
+
+
+
+ {{ chart.page_title }}
+
+
+
+{{ macro.gen_components_content(chart) }}
+
+
+