diff --git a/app/views/music.php b/app/views/music.php
index 48e8f9a..a6bf97b 100755
--- a/app/views/music.php
+++ b/app/views/music.php
@@ -9,19 +9,42 @@
 	</header>
 
 	<section id="music-section" class="row">
+		<!-- no javascript warning -->
+		<noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
+
 		<!-- music player -->
 		<article id="music-player" class="card col-md-5">
-			
+			<audio>
+				<source src="/audio/opting_out_ep/01 Opting Out.ogg" type="audio/ogg">
+  				<source src="/audio/opting_out_ep/01 Opting Out.mp3" type="audio/mpeg">
+			</audio>
+
+			<h4>Now Playing</h4>
+			<ol>
+				<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out"><a href="">Opting Out</a></li>
+				<li data-title="Elsewhere" data-album="Opting Out EP" data-sequence="2" data-path="/audio/opting_out_ep/02 Elsewhere"><a href="">Elsewhere</a></li>
+				<li data-title="What Happened to Forever?" data-album="Opting Out EP" data-sequence="3" data-path="/audio/opting_out_ep/03 What Happened to Forever"><a href="">What Happened to Forever?</a></li>
+				<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady"><a href="">Lady</a></li>
+			</ol>
 		</article>
 
 		<!-- music playlist section -->
-		<article id="music-lists" class="col-md-7">
+		<article id="music-list-section" class="col-md-7">
 			<!-- music playlists -->
-			<div class="music-playlist card">
-				<h3 class="music-list-header">Opting Out EP</h3>
+			<div class="music-list card">
+				<h3 class="music-list-header selected">Opting Out EP</h3>
+				<ol>
+					<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out"><a href="">Opting Out</a></li>
+					<li data-title="Elsewhere" data-album="Opting Out EP" data-sequence="2" data-path="/audio/opting_out_ep/02 Elsewhere"><a href="">Elsewhere</a></li>
+					<li data-title="What Happened to Forever?" data-album="Opting Out EP" data-sequence="3" data-path="/audio/opting_out_ep/03 What Happened to Forever"><a href="">What Happened to Forever?</a></li>
+					<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady"><a href="">Lady</a></li>
+				</ol>
 			</div>
-			<div class="music-playlist card">
+			<div class="music-list card">
 				<h3 class="music-list-header">Brain Scrub - Single</h3>
+				<ol>
+					<li data-title="Brain Scrub" data-album="Brain Scrub - Single" data-sequence="1" data-path="/audio/opting_out_ep/01 Brain Scrub"><a href="">Brain Scrub</a></li>
+				</ol>
 			</div>
 		</article>
 	</section>