diff --git a/demos/index.html b/demos/index.html
index 5299c2202..391042182 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -45,6 +45,9 @@
       <li>
         <h2><a href="./git.html">Git</a></h2>
       </li>
+      <li>
+        <h2><a href="./info.html">Info</a></h2>
+      </li>
       <li>
         <h2><a href="./journey.html">Journey</a></h2>
       </li>
@@ -66,6 +69,9 @@
       <li>
         <h2><a href="./state.html">State</a></h2>
       </li>
+      <li>
+        <h2><a href="./timeline.html">Timeline</a></h2>
+      </li>
       <li>
         <h2><a href="./zenuml.html">ZenUML</a></h2>
       </li>
diff --git a/demos/info.html b/demos/info.html
new file mode 100644
index 000000000..7ef8f40fc
--- /dev/null
+++ b/demos/info.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Mermaid Quick Test Page</title>
+    <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
+    <style>
+      div.mermaid {
+        font-family: 'Courier New', Courier, monospace !important;
+      }
+    </style>
+  </head>
+
+  <body>
+    <h1>Info diagram demos</h1>
+    <pre class="mermaid">
+    info
+  </pre
+    >
+
+    <hr />
+    <pre class="mermaid">
+    info showInfo
+  </pre
+    >
+
+    <script type="module">
+      import mermaid from './mermaid.esm.mjs';
+      mermaid.initialize({
+        logLevel: 3,
+        securityLevel: 'loose',
+      });
+    </script>
+  </body>
+</html>
