diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..ce92c3ffc85aa3eaf562f835dd7f4a379064f563
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <!-- Use correct character set. -->
+        <meta charset="utf-8">
+        <!-- Tell IE to use the latest, best version. -->
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+        <!-- Make the app on mobile take up the full browser screen and disable user scaling. -->
+        <meta name="viewport"
+            content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+        <title>3D Tiles Viewer</title>
+        <!-- The Cesium library. -->
+        <script src="https://cesiumjs.org/releases/1.57/Build/Cesium/Cesium.js"></script>
+        <link href="https://cesiumjs.org/releases/1.57/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+        <!-- stylesheets -->
+        <link rel="stylesheet" href="index.css" media="screen">
+		<link rel="stylesheet" type="text/css" href="CSS/3DTilesViewer.css">
+	    
+	</head>
+    <body>
+        <!-- defining container to keep cesium viewer -->
+        <div id="cesiumContainer"></div>
+        <!-- defining menu panel -->
+        <div class="backdrop" id="menu">
+            <h2>3D Tiles Viewer</h2>
+			</div>         
+		</div>
+		<a href="https://www.hft-stuttgart.de/" target='_blank'>
+        <div class="credit"></div>
+        </a>
+		<!-- javascript -->
+        <script src="./Source/App.js"></script>
+    </body>
+</html>