diff --git a/app/views/music.twig b/app/views/music.twig
index 183be79..b47cc2b 100755
--- a/app/views/music.twig
+++ b/app/views/music.twig
@@ -18,8 +18,8 @@
 		<!-- no javascript warning -->
 		<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
 
-		<!-- current album details -->
-		<section class="col-sm-5 col-xs-12">
+		<!-- left album stuff -->
+		<article class="col-sm-5 col-xs-12">
 			<div class="thumbnail shadow-1">
 				<img class="image-responsive" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
 				<div class="caption">
@@ -30,11 +30,25 @@
 					{% endif %}
 				</div>
 			</div>
-		</section>
+		</article>
 
-		<!-- current playlist -->
-		<section class="card col-sm-7 col-xs-12">
-		</section>
+		<!-- right album stuff -->
+		<div class="col-sm-7 col-xs-12">
+			<article id="music-player-card" class="card">
+				<audio id="music-player" controls>
+					<source src="{{ albums[0].songs[0].audio_file }}.ogg" type="audio/ogg" />
+					<source src="{{ albums[0].songs[0].audio_file }}.mp3" type="audio/mpeg" />
+				</audio>
+			</article>
+
+			<article class="card">
+				<ul>
+					{% for song in album.songs %}
+						<li>{{ song.title }}</li>
+					{% endfor %}
+				</ul>
+			</article>
+		</div>
 	</section>
 
 	<!-- available albums -->