diff --git a/webroot/css/widget.css b/webroot/css/widget.css
new file mode 100644
index 0000000000000000000000000000000000000000..b74edcb8fb04952ab036b93d9c63e694e66191bf
--- /dev/null
+++ b/webroot/css/widget.css
@@ -0,0 +1,4 @@
+
+.widget {
+	border: solid 1px #000000;
+}
diff --git a/webroot/index.php b/webroot/index.php
new file mode 100644
index 0000000000000000000000000000000000000000..17d2bda130869d40bd10733c8d2e3885529e9a39
--- /dev/null
+++ b/webroot/index.php
@@ -0,0 +1,38 @@
+<head>
+	<link rel="stylesheet" type="text/css" href="css/widget.css" />
+</head>
+<body>
+	<?php
+		$widgets = array(
+			array(
+				"ZoneOffen",	// widget name
+				16,16,			// position
+				320,320			// size
+			)
+		);
+
+		foreach ($widgets as $widgetconfig)
+		{
+			$widgetname = $widgetconfig[0];
+			$widgetpositionx = $widgetconfig[1];
+			$widgetpositiony = $widgetconfig[2];
+			$widgetwidth = $widgetconfig[3];
+			$widgetheight = $widgetconfig[4];
+			
+			include "widgets/$widgetname/$widgetname.php";
+			$widget = new $widgetname($widgetwidth,$widgetheight);
+			$widgetoutput = $widget->giveOutput();
+			print("<div
+				class='widget'
+				id='$widgetname'
+				style='
+					position:absolute;
+					left:$widgetpositionx px; top:$widgetpositiony px;
+					width:$widgetwidth px; height:$widgetheight px;'
+				width='$widgetwidth'
+				height='$widgetheight'>");
+			print($widgetoutput);
+			print("</div>");
+		}
+	?>
+</body>