diff --git a/static/musik.css b/static/musik.css
index 25fa51c..2661960 100644
--- a/static/musik.css
+++ b/static/musik.css
@@ -1,2 +1,20 @@
-body {
+#mainContainer {
+	position: absolute;
+	top: 0;
+	right: 0;
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+#navigationContainer {
+	flex: auto;
+	overflow: auto;
+	border-top: 2px solid #ccc;
+	border-bottom: 2px solid #ccc;
+}
+
+#navItems {
+	list-style-type: none;
 }
diff --git a/templates/index.html b/templates/index.html
index f77c671..ee026a0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,14 +6,23 @@
 	<script type="text/javascript" src="/static/musik.js"></script>
 </head>
 <body>
-	<h1>Musik</h1>
-	<div id="navigation">
-	</div>
-	<div id="playerContainer">
-		<hr>
-		<audio id="player" controls>
-			<source id="stream" src="{{ url_for('stream', track=track) }}" type="audio/ogg">
-		</audio>
+	<div id="mainContainer">
+		<center><h1>Musik</h1></center>
+		<div id="navigationContainer">
+			<ul id="navItems">
+				{% for item in nav_items %}
+				<li><a href="javascript:void(0);" onclick="navigate('{{ item }}')">{{ item }}</a></li>
+				{% endfor %}
+			</ul>
+		</div>
+		<div id="playerContainer">
+			<center>
+				<div id="nowPlaying"><h3>{{ initial_track.replace('%2F', '/') }}</h3></div>
+				<audio id="player" controls>
+					<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
+				</audio>
+			</center>
+		</div>
 	</div>
 </body>
 </html>
