diff --git a/app/templates/index.html b/app/templates/index.html
index 70b3223..cb99e5d 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -57,6 +57,10 @@
             gap: 15px;
         }
 
+        .past-concerts-title {
+            margin: 28px 0 0;
+        }
+
         .concert-card {
             display: block;
             padding: 22px;
@@ -150,11 +154,11 @@
     </header>
 
 
-    {% if concerts %}
+    {% if upcoming_concerts or past_concerts %}
 
         <div class="concert-list">
 
-            {% for concert in concerts %}
+            {% for concert in upcoming_concerts %}
 
                 <a
                     href="/concerts/{{ concert.id }}"
@@ -184,6 +188,42 @@
 
             {% endfor %}
 
+            {% if past_concerts %}
+
+                <h2 class="past-concerts-title">
+                    Vergangene Konzerte
+                </h2>
+
+                {% for concert in past_concerts %}
+
+                    <a
+                        href="/concerts/{{ concert.id }}"
+                        class="concert-card"
+                    >
+
+                        <div class="concert-artist">
+                            🎸 {{ concert.artist }}
+                        </div>
+
+                        <div class="concert-meta">
+
+                            <div class="concert-date">
+                                📅 {{ concert.date }}
+                                um {{ concert.time }} Uhr
+                            </div>
+
+                            <div>
+                                📍 {{ concert.venue }}
+                            </div>
+
+                        </div>
+
+                    </a>
+
+                {% endfor %}
+
+            {% endif %}
+
         </div>
 
     {% else %}
diff --git a/app/templates/login.html b/app/templates/login.html
new file mode 100644
index 0000000..0b8e3f7
--- /dev/null
+++ b/app/templates/login.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Anmelden · Pingu Concerts</title>
+    <link rel="stylesheet" href="/static/css/style.css">
+</head>
+<body>
+<header>
+    <div class="header-inner">
+        <a href="/" class="logo">🎸 Pingu <span>Concerts</span></a>
+    </div>
+</header>
+<main>
+    <div class="page-title">
+        <h1>Anmelden</h1>
+        <p>Melde dich an, um Konzerte hinzuzufügen oder zu bearbeiten.</p>
+    </div>
+    <section class="empty">
+        <form method="post" action="/login">
+            <input type="hidden" name="next" value="{{ next_path }}">
+            {% if error %}<p role="alert">{{ error }}</p>{% endif %}
+            <p>
+                <label>Benutzername oder E-Mail<br>
+                    <input type="text" name="username" required autocomplete="username">
+                </label>
+            </p>
+            <p>
+                <label>Passwort<br>
+                    <input type="password" name="password" required autocomplete="current-password">
+                </label>
+            </p>
+            <button type="submit" class="button">Anmelden</button>
+            <a href="/" class="button button-secondary">Abbrechen</a>
+        </form>
+    </section>
+</main>
+</body>
+</html>
