diff --git a/browser-landing-page/background.jpg b/browser-landing-page/background.jpg
new file mode 100644
index 0000000..10b42b2
Binary files /dev/null and b/browser-landing-page/background.jpg differ
diff --git a/browser-landing-page/home.html b/browser-landing-page/home.html
new file mode 100644
index 0000000..d46fd2a
--- /dev/null
+++ b/browser-landing-page/home.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+html *{
+    font-size: xx-large;
+    color: #000;
+    font-family: 'Courier New', Courier, monospace !important;
+}    
+
+body {
+    background-image: url(./background.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
+}
+* {
+  box-sizing: border-box;
+}
+
+/* Create three equal columns that floats next to each other */
+.column {
+  float: left;
+  width: 30.33%;
+  padding: 10px;
+  text-align: center;
+  border-radius: 10px;
+  margin: 1.5%;
+  background-color: #ffffffc0;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
+@media screen and (max-width: 900px) {
+  .column {
+    width: 100%;
+  }
+}
+
+#clock {
+            font-size: 120px;
+            text-align: center;
+            font-weight: bold;
+        }
+</style>
+</head>
+<body>
+<div id="clock">00:00</div>
+<div class="row">
+  <div class="column">
+    <h2>KA-RaceIng</h2>
+    <a href="https://wiki.ka-raceing.de/">Wiki</a><br><br>
+    <a href="https://gitlab.ka-raceing.de/">Gitlab</a><br><br>
+    <a href="https://cloud.ka-raceing.de/">Cloud</a><br>
+  </div>
+  <div class="column">
+    <h2>KIT</h2>
+    <a href="https://ilias.studium.kit.edu">ILIAS</a><br><br>
+    <a href="https://campus.studium.kit.edu/events/timetable.php">Stundenplan</a><br>
+  </div>
+  <div class="column">
+    <h2>Loedige-Server</h2>
+    <a href="https://cloud.ploedige.com">Cloud</a><br><br>
+    <a href="https://git.ploedige.com">Git</a><br><br>
+    <a href="https://ploedige.com">Blog</a><br>
+  </div>
+</div>
+
+<script>
+    setInterval(showTime, 1000);
+    function showTime() {
+        let time = new Date();
+        let hour = time.getHours();
+        let min = time.getMinutes();
+
+        hour = hour < 10 ? "0" + hour : hour;
+        min = min < 10 ? "0" + min : min;
+
+        let currentTime = hour + ":" 
+            + min;
+
+        document.getElementById("clock")
+            .innerHTML = currentTime;
+    }
+
+    showTime();
+</script>
+</body>
+</html>
