diff --git a/Docs/WebFrontend/index.html b/Docs/WebFrontend/index.html
new file mode 100644
index 000000000..549e332d2
--- /dev/null
+++ b/Docs/WebFrontend/index.html
@@ -0,0 +1,68 @@
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+	<title>OSRM Web(GUI)Interface</title>
+	<meta name="description" content="OSRM Web(GUI)Interface"/>
+    <meta name="language" content="en" />
+    <meta name="robots" content="index,follow" />
+    <meta name="author" content="Pascal Neis" />
+    <meta name="revisit-After" content="7 days" />
+    <meta name="distribution" content="global" />
+
+	<script src="ol/OpenLayers.js"></script>
+	<script src="ol/OpenStreetMap.js"></script>
+	<script src="Slides.js"></script>
+	<script src="Map.js"></script>
+	<script src="Route.js"></script>
+	<script src="Geocode.js"></script>
+	<!-- <script src="osrm.js"></script> -->
+
+   	<link rel="stylesheet" href="style.css" type="text/css" media="all" />
+</head>
+ 
+<body onload="init();">
+
+    <div id="slide" class="slide"><a class="btn-slide" href="javascript:;" onmousedown="toggleSlide('data');"><<</a></div>
+	<div id="data" style="width:350px;overflow:hidden;" class="data">
+		<div id="inner" style="width:350px;overflow:hidden;">
+		<div id="routing">
+		<!-- http://map.project-osrm.org/osrm3_small.png - http://project-osrm.org/osrm3.png -->
+		<img src="http://map.project-osrm.org/osrm3_small.png" style="margin-left:auto; margin-right:auto; width:200px; display:block; padding: 5px;" alt="">
+		
+		<table width="100%"> 
+              <tr id="StartPoint">
+                <td><div class="textLabel"><img src="img/arrow-start.png" class="radioIcons" width="12" height="16" alt=""><span class="text"></span></div></td>
+                <td><input name="tfStartSearch" style="width:220px" type="text" id="tfStartSearch" class="tfPoints" value="Wallbach" title="Search your start point!" onKeyPress="checkReturn('start',event);" >
+                	<button name="enterStart" onclick="setStatus('start'); geocodeAddress('start');">Search</button></td>
+                <td rowspan="2" valign="middle">
+                	<!-- <button name="switchStartEnd" disabled="true" id="switchStartEnd" type="button"
+						value="Change Start and Endpoint"onClick="changeStartEnd();"><img src="img/changePos.gif" width="9" height="22" alt="Tausche Start- und Endpunkt"><br> --></button></td>
+              </tr>
+              <tr id="EndPoint">               
+                <td nowrap>
+					<div class="textLabel"><img src="img/arrow-finish.png" class="radioIcons" width="12" height="16" alt=""><span class="text"></span></div>                
+				</td>
+                <td id="tdEnd">
+                	<input name="tfEndSearch" style="width:220px" type="text" id="tfEndSearch" class="tfPoints" value="Beuerbach" title="Search your end point!" onKeyPress="checkReturn('end',event);">
+                	<button name="enterEnd" onclick="setStatus('end'); geocodeAddress('end');">Search</button>
+                </td>
+              </tr>
+			  </table>
+		</div>
+		
+		<div id="calc_route" class="calc_route"><span class="options"><a href="#" onclick="closeOpenDiv('options');">Options</a></span>
+				<select name="selectRoutePref" id="selectRoutePref" title="Select the route preference ..."><option value="Fastest" selected>Fatest Car</option></select>
+				<input name="Submit5" type="submit"  class="calculate_button" id="Calculate" title="Route!" onClick="routing(false);" value="Route!"></div>
+		
+		<div id="options" class="options_div" style="display:none"><input class="checkbox" type="checkbox" name="cbNoNames" id="cbNoNames" value="checkbox">Highlight No Name Streets in my Route</div>
+		<div id="information" class="information"> <p class="infoHL">Demo Website for the <br><a target="_blank" href="http://project-osrm.org/">Open Source Routing Machine Project</a></p> </div>
+		<div id="thx" class="thx">GUIv0.1-110512 - OSRM hosting by <a target="_blank" href="http://www.geofabrik.de/">Geofabrik</a> - Geocoder by <a target="_blank" href="http://developer.mapquest.com/web/products/open/nominatim/">MapQuest</a></div>
+		</div>
+	</div>
+
+	<div id="map" class="map"></div>
+
+	<div class="copyright">&copy; 2011 <a target="_blank" href="http://project-osrm.org/">Project OSRM</a> - Map data <a target="_blank" href="http://creativecommons.org/licenses/by-sa/2.0/">CC-By-SA</a> <a target="_blank" href="http://www.openstreetmap.org">by OpenStreetMap</a></div>
+
+</body>
+</html>
\ No newline at end of file
