diff --git a/homepage/top_de.html b/homepage/top_de.html
new file mode 100644
index 0000000..30db041
--- /dev/null
+++ b/homepage/top_de.html
@@ -0,0 +1,51 @@
+
+<html>
+  <head>
+    <title>BirdNET-Pi</title>
+    <style type="text/css">
+a {
+  font-weight:bold;
+  text-decoration:none;
+  color:black;
+}
+body {
+  text-align:center;
+  font-family:verdana,arial,sans-serif;
+  font-size:medium;
+  margin:10px;
+  background-color: rgb(119, 196, 135);
+}
+  #content {
+    position: relative;
+  }
+  #content img {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding-top: 5px;
+    padding-left: 10px;
+  }
+  footer {
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    width: 100%;
+
+  }
+    </style>
+  </head>
+  <body>
+    <a href="https://github.com/mcguirepr89/BirdNET-Pi" target="_content">
+      <img alt="BirdNET-Pi" src="images/bird.png" style="position:absolute;left:32.5px;top:15px;">
+    </a>
+    <h1 style="padding-left:150px">BirdNET-Pi<img style="padding-left: 5px" src="images/version.svg" class="ribbon"/></h1>
+    </div>
+    <p style="padding-left:150px;">
+    <a href="/overview.php" target="content">Übersicht</a> | 
+    <a href="/viewdb.php" target="content">Datenbankansicht</a> | 
+    <a href="/viewday.php" target="content">Tagesansicht</a> | 
+    <a href="/spectrogram.php" target="content">Spektrogrammansicht</a>
+    </p>
+  </body>
+</html>
