diff --git a/public/demos/canva.html b/public/demos/canva.html
index 94e13a5..b170c39 100644
--- a/public/demos/canva.html
+++ b/public/demos/canva.html
@@ -151,7 +151,7 @@
 
   <hr/>
 
-  <block class="sized" style="--h: 400px; border-top: 1px solid var(--value5);">
+  <block class="sized" style="--h: 400px; border-top: 1px solid var(--value5); --text: 9;">
     <h1>Footer</h1>
   </block>
 </body>
diff --git a/public/demos/index.html b/public/demos/index.html
new file mode 100644
index 0000000..5c70e27
--- /dev/null
+++ b/public/demos/index.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>blockstart.css Demos</title>
+  <link rel="stylesheet" href="/blockstart.css">
+<style>
+</style>
+</head>
+
+<body>
+  <block class="horizontal pad" style="border-bottom: 1px solid var(--value6); --spacing: space-around; width: unset;">
+    <div>blockstart.css</div>
+    <div class="horizontal" style="--spacing: end;">
+      <a href="/#about">About</a>  &nbsp;|&nbsp;
+      <a href="/#docs">Docs</a>  &nbsp;|&nbsp;
+      <a href="/demos/">Demos</a> &nbsp;|&nbsp;
+      <a href="/blockstart.css">Download</a>
+    </div>
+  </block>
+
+  <content class="pad center" style="--pad: 2rem;">
+    <h1>Demos</h1>
+
+    <p>Here are a few simple demos of using <a href="/blockstart.css">blockstart.css</a> to create copies of landing pages.  Copying other websites is a great way to learn web development.  The text in the demos is either taken from the "inspiration" site, or is from <a href="https://hipsum.co/">hipster ipsum</a>.</p>
+
+    <grid class="center" style="--cols: 1fr 1fr; --text: 9">
+      <shape style="--w: 150px; --h: 150px;"><a href="/demos/asana.html">Asana</a></shape>
+      <shape style="--w: 150px; --h: 150px;"><a href="/demos/canva.html">Canva</a></shape>
+    </grid>
+
+  </content>
+</body>
+</html>
diff --git a/public/index.html b/public/index.html
index 3a8ebc3..66435fd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>Starting Template</title>
+  <title>blockstart.css</title>
 
   <link rel="stylesheet" href="/blockstart.css">
 
@@ -30,7 +30,6 @@
       <a href="#about">About</a>  &nbsp;|&nbsp;
       <a href="#docs">Docs</a>  &nbsp;|&nbsp;
       <a href="/demos/">Demos</a> &nbsp;|&nbsp;
-      <a href="/theory.html">Theory</a> &nbsp;|&nbsp;
       <a href="/blockstart.css">Download</a>
     </div>
   </block>
