diff --git a/demo/index.html b/demo/index.html
index cc08d151..369b9626 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,5 +1,15 @@
- xterm.js demo
-
+
+ xterm.js demo
+
+
+
+
+
+
+ xterm.js: xterm, in the browser
+
+
+
\ No newline at end of file
diff --git a/demo/main.js b/demo/main.js
new file mode 100644
index 00000000..a57c6806
--- /dev/null
+++ b/demo/main.js
@@ -0,0 +1,8 @@
+var terminalContainer = document.getElementById('terminal-container'),
+ term = new Terminal({geometry: [60, 37]});
+
+term.open(terminalContainer);
+
+term.on('data', function (data) {
+ term.write(data);
+});
\ No newline at end of file
diff --git a/demo/style.css b/demo/style.css
new file mode 100644
index 00000000..ff123856
--- /dev/null
+++ b/demo/style.css
@@ -0,0 +1,17 @@
+body {
+ font-family: helvetica, sans-serif, arial;
+ font-size: 1em;
+ color: #111;
+}
+
+h1 {
+ text-align: center;
+}
+
+#terminal-container {
+ background-color: #111;
+ color: #fafafa;
+ width: 960px;
+ height: 600px;
+ margin: 0 auto;
+}
\ No newline at end of file