diff --git a/fetchapi.js b/fetchapi.js
index a0a3f2e..3d7a3a8 100644
--- a/fetchapi.js
+++ b/fetchapi.js
@@ -96,4 +96,4 @@ function getTable(listHead, list, listData) {
 }
 
 refreshData();
-setInterval(refreshData, 15000);
+// setInterval(refreshData, 15000);
diff --git a/index.html b/index.html
index 6f6a2e2..e4d5143 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,22 @@
 <!DOCTYPE html>
 <html>
+<head>
+  <link rel="stylesheet" href="style.css">
+  <!--<script src="fetchapi.js"></script> -->
+</head>
+<body>
+  <div class="route">
+    <!--<img src="https://www.swu.de/typo3conf/ext/swu_timetables/Resources/Public/Icons/Routes/linie-5.svg" alt="2"></img>-->
+    <div class="destination">Kuhberg ❯ 12</div>
+    <div class="destination">Science Park II ❯ 12</div>
+  </div>
+
+
+</body>
+</html>
+<!--
+<!DOCTYPE html>
+<html>
 <head>
   <link rel="stylesheet" href="style.css">
   <script src="fetchapi.js"></script> 
@@ -13,3 +30,5 @@
   <div id="contentSection"></div>
 </body>
 </html>
+
+-->
diff --git a/style.css b/style.css
index 8cbbf74..2a8a98b 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,39 @@
     margin: 0;
 }
 
+body {
+    background-color: black;
+    font-size: 90px;
+    font-family: verdana, sans;
+}
+
+.route {
+    margin: 16px;
+
+}
+
+.route img {
+    height: 200px;
+    float: left;
+}
+
+.destination {
+    height: 200px;
+    background-color: white;
+    color: red;
+}
+
+.route div:first-child {
+    border-radius: 100px 0 0 0;
+}
+
+
+/*
+ * {
+    padding: 0;
+    margin: 0;
+}
+
 body {
     font-family: Helvetica, sans;
     width: 50%;
