diff --git a/app/templates/timeline.html b/app/templates/timeline.html
new file mode 100644
index 0000000..243630b
--- /dev/null
+++ b/app/templates/timeline.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+	<title>{{ settings.title }}</title>
+    <meta charset="utf-8">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-touch-fullscreen" content="yes">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+	<link rel="stylesheet" href="{% static 'timeline/css/timeline.css' %}">
+	<link rel="stylesheet" href="{% static 'timeline/css/fonts/font.default.css' %}">
+	<style>
+		html, body {
+			height:100%;
+			width:100%;
+			padding: 0px;
+			margin: 0px;
+		}
+		.tl-timeline {
+		
+		}
+	</style>
+  </head>
+  <body>
+    <div id="timeline"></div>
+	<script src="{% static 'timeline/js/timeline.js' %}"></script>
+    <script>
+		var data = {{ timeline_json | safe }};
+		var timeline = new TL.Timeline('timeline', data, {
+			debug: true
+		});
+    </script>
+  </body>
+</html>
