diff --git a/images/x_piano.png b/images/x_piano.png
new file mode 100644
index 0000000..7f97688
Binary files /dev/null and b/images/x_piano.png differ
diff --git a/index.html b/index.html
index 6e19683..df74663 100644
--- a/index.html
+++ b/index.html
@@ -400,6 +400,28 @@ <h2 class="app-title">Web Audio Composer</h2>
       <hr class="divider-a">
       <!-- demo info: end -->
 
+      <!-- demo info: begin -->
+      <div class="row">
+        <div class="col-xs-12">
+          <h2 class="app-title">X Piano</h2>
+        </div>
+        <div>
+          <div class="demo-image" style="margin-left:20px;">
+            <img src="images/x_piano.png">
+          </div>
+        </div>
+        <div class="col-xs-10 col-sm-9 demo-description">
+          <p>A piano where "X" is your sound effect of choice.  Use your own sound effects, apply several different filters, and have fun!  Also uses SVG.</p>
+          <p>
+            <a class="btn btn-default" href="http://jessetg.github.io/X-Piano/" role="button" target="_blank">App »</a>
+            <a class="btn btn-default" href="https://github.com/JesseTG/X-Piano/tree/gh-pages" role="button" target="_blank">Code »</a>
+          </p>
+        </div>
+      </div>
+      <div style="clear:both;"></div>
+      <hr class="divider-a">
+      <!-- demo info: end -->
+
       <!-- demo info: begin -->
       <div class="row">
         <div class="col-xs-12">