diff --git a/events/admin.py b/events/admin.py
index 8c38f3f..a1d2300 100644
--- a/events/admin.py
+++ b/events/admin.py
@@ -1,3 +1,6 @@
 from django.contrib import admin
 
-# Register your models here.
+from .models import Event, EventRegistration
+
+admin.site.register(Event)
+admin.site.register(EventRegistration)
diff --git a/events/migrations/0001_initial.py b/events/migrations/0001_initial.py
index f50a5f5..af3db1d 100644
--- a/events/migrations/0001_initial.py
+++ b/events/migrations/0001_initial.py
@@ -1,4 +1,4 @@
-# Generated by Django 3.0.8 on 2020-07-21 21:36
+# Generated by Django 3.0.8 on 2020-07-22 01:36
 
 from django.conf import settings
 from django.db import migrations, models
@@ -18,7 +18,8 @@ class Migration(migrations.Migration):
             name='Event',
             fields=[
                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('date', models.DateTimeField()),
+                ('date', models.DateField()),
+                ('time', models.IntegerField(choices=[(0, 'Voormiddag'), (1, 'Namiddag'), (2, 'Avond')])),
                 ('capacity', models.IntegerField()),
             ],
         ),
@@ -26,7 +27,7 @@ class Migration(migrations.Migration):
             name='EventRegistration',
             fields=[
                 ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('shirt_size', models.CharField(choices=[('I', 'Interested'), ('A', 'Admitted'), ('D', 'Denied')], max_length=1)),
+                ('state', models.CharField(choices=[('I', 'Interested'), ('A', 'Admitted'), ('D', 'Denied')], max_length=1)),
                 ('event_id', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='events.Event')),
                 ('user_id', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
             ],
diff --git a/events/models.py b/events/models.py
index b030d7f..f5c353a 100644
--- a/events/models.py
+++ b/events/models.py
@@ -4,16 +4,32 @@ from users.models import CustomUser
 
 
 class Event(models.Model):
-    date = models.DateTimeField()
-    capacity = models.IntegerField()
+    MORNING, AFTERNOON, EVENING = range(3)
+    TIME_SLOTS = {
+        MORNING:   "Voormiddag",
+        AFTERNOON: "Namiddag",
+        EVENING:   "Avond",
+    }
+    date = models.DateField()
+    time = models.IntegerField(choices=TIME_SLOTS.items(), default=MORNING)
+    capacity = models.IntegerField(default=6)
+
+    def __str__(self):
+        return f"{self.date} {self.TIME_SLOTS[self.time]}"
 
 
 class EventRegistration(models.Model):
+    INTERESTED = "I"
+    ADMITTED   = "A"
+    DENIED     = "D"
     REGISTRATION_STATE = (
-        ('I', 'Interested'),
-        ('A', 'Admitted'),
-        ('D', 'Denied'),
+        (INTERESTED, "Interested"),
+        (ADMITTED,   "Admitted"),
+        (DENIED,     "Denied"),
     )
     event_id = models.ForeignKey(Event, on_delete=models.CASCADE)
     user_id = models.ForeignKey(CustomUser, on_delete=models.CASCADE)
     state = models.CharField(max_length=1, choices=REGISTRATION_STATE)
+
+    def __str__(self):
+        return f"[{self.state}] {self.user.username}"
diff --git a/events/templates/events/detail.html b/events/templates/events/detail.html
new file mode 100644
index 0000000..1a144a8
--- /dev/null
+++ b/events/templates/events/detail.html
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<h2>{{ event.date }} (maximum {{ event.capacity }} mensen)</h2>
+	<ul>
+		{% for regi in event.registration %}
+		{{ regi.user.username }}: {{regi.state}}
+		{% endfor %}
+	</ul>
+{% endblock %}
diff --git a/events/templates/events/index.html b/events/templates/events/index.html
new file mode 100644
index 0000000..2a03009
--- /dev/null
+++ b/events/templates/events/index.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<ul>
+		{% for event in events %}
+		<li>{{ event.date }} {{ event.time }} (maximum {{ event.capacity }} mensen)
+			<ul>
+				<form action="{% url 'events:register' event.id %}" method="post">
+					{% csrf_token %}
+					{% for regi in event.registration %}
+					{{ regi.user.username }}: {{regi.state}}
+					{% endfor %}
+					<li><input type="submit" value="Ik wil komen"></li>
+				</form>
+			</ul>
+		</li>
+		{% endfor %}
+	</ul>
+{% endblock %}
diff --git a/events/urls.py b/events/urls.py
index 88a9cac..030a579 100644
--- a/events/urls.py
+++ b/events/urls.py
@@ -2,6 +2,8 @@ from django.urls import path
 
 from . import views
 
+app_name = "events"
 urlpatterns = [
-    path('', views.index, name='index'),
+    path("", views.index, name="index"),
+    path("<int:event_id>/", views.register, name="register"),
 ]
diff --git a/events/views.py b/events/views.py
index 769a8a0..89da8a9 100644
--- a/events/views.py
+++ b/events/views.py
@@ -1,8 +1,24 @@
-from django.shortcuts import render
+from django.http import HttpResponseRedirect
+from django.shortcuts import render, get_object_or_404
+from django.utils import timezone
+from django.urls import reverse
+import datetime
 
-# Create your views here.
-from django.http import HttpResponse
+from .models import Event, EventRegistration, CustomUser
 
 
 def index(request):
-    return HttpResponse("Hello, world. You're at the polls index.")
+    events = Event.objects.filter(date__gte=timezone.now().date()).order_by("date")[:20]
+    return render(request, "events/index.html", {"events": events})
+
+
+def register(request, event_id):
+    if request.method == "POST":
+        event = get_object_or_404(Event, id=event_id)
+
+        # registration = Event.entry_set.create(
+            # state=EventRegistration.INTERESTED,
+            # event=event,
+            # user=CustomUser.objects.get(),
+        # )
+        return HttpResponseRedirect(reverse("events:index", args=(event.id,)))
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..1babc4b
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8"/>
+		<meta name="viewport" content="width=device-width"/>
+		<title>Zeus WPI Kelderregistratiesysteem™</title>
+	</head>
+	<body>
+		<h1>Zeus WPI Kelderregistratiesysteem™</h1>
+		{% block content %}{% endblock %}
+	</body>
+</html>