basic layout
diff --git a/web/ons-demo/index.html b/web/ons-demo/index.html
new file mode 100644
index 0000000..36e9fbe
--- /dev/null
+++ b/web/ons-demo/index.html
@@ -0,0 +1,32 @@
+<html>
+
+<head>
+ <link rel="stylesheet" href="css/layout.default.css" type="text/css"/>
+ <link rel="stylesheet" href="css/skin.default.css" type="text/css"/>
+</head>
+
+<body>
+
+<div id='left'>
+ <div class='header'>
+ <img id='logo' src='assets/logo.png'></img>
+ </div>
+ <div id='controllers'>Controllers</div>
+</div>
+
+<div id='right'>
+ <div class='header'>
+ <div id='status'>
+ <div id='lastUpdate' class='status'><span class='static'>Last updated:</span><span class='dynamic'>Mon Mar 18 11:11:12 PDT 2013</span></div>
+ <div id='activeFlows' class='status'><span class='dynamic'>4000</span><span class='static'>Active Flows</span></div>
+ <div id='activeSwitches' class='status'><span class='dynamic'>200</span><span class='static'>Active Switches</span></div>
+ </div>
+ <div id='traceButton' class='button'>Trace</div>
+ </div>
+ <div id='topology'>Topology</div>
+</div>
+
+
+</body>
+
+</html>
\ No newline at end of file