diff --git a/app/static/.gitkeep b/app/static/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..7406a33
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{% block title %}EFI Hub{% endblock %}</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          colors: { 'efi': '#e2001a' }
+        }
+      }
+    }
+  </script>
+</head>
+<body class="bg-gray-100 min-h-screen flex flex-col">
+
+  <nav class="bg-efi h-14 flex items-center px-8 shrink-0">
+    <a href="/" class="text-white font-bold text-lg tracking-tight mr-8">
+      EFI<span class="opacity-70 font-normal">Hub</span>
+    </a>
+    {% for item in nav_items %}
+    <a href="{{ item.url }}"
+       class="text-white/85 hover:text-white text-sm px-4 h-14 flex items-center border-b-2
+              {% if item.active %}border-white text-white{% else %}border-transparent{% endif %}">
+      {{ item.label }}
+    </a>
+    {% endfor %}
+    <div class="ml-auto">
+      <button class="text-white text-sm px-4 py-1.5 rounded border border-white/40 bg-white/15 hover:bg-white/25">
+        Anmelden
+      </button>
+    </div>
+  </nav>
+
+  <main class="flex-1">
+    {% block content %}{% endblock %}
+  </main>
+
+  <footer class="bg-gray-100 border-t border-gray-300 px-8 py-3.5 flex items-center justify-between text-xs text-gray-400 shrink-0">
+    <span class="font-semibold text-gray-500">EFI Hub</span>
+    <span>Technische Hochschule Nürnberg Georg Simon Ohm · Fakultät EFI</span>
+    <span>v{{ app_version }}</span>
+  </footer>
+
+</body>
+</html>
\ No newline at end of file
