diff --git a/scripts/album-info.js b/scripts/album-info.js
index e69de29b..63257971 100644
--- a/scripts/album-info.js
+++ b/scripts/album-info.js
@@ -0,0 +1,6 @@
+{
+  $('img#album-cover-art').attr('src', album.albumArtUrl);
+  $('#album-title').text(album.title);
+  $('.artist').text(album.artist);
+  $('#release-info').text(album.releaseInfo;
+}
diff --git a/scripts/song-list.js b/scripts/song-list.js
index e69de29b..fdb049bb 100644
--- a/scripts/song-list.js
+++ b/scripts/song-list.js
@@ -0,0 +1,24 @@
+{
+
+  album.songs.forEach( (song, index) => {
+    song.element = $(`
+      <tr>
+        <td>
+          <button>
+            <span class="song-number">${index + 1}</span>
+            <span class="ion-play"></span>
+            <span class="ion-pause"></span>
+          </button>
+        </td>
+        <td>${song.title}</td>
+        <td>${song.duration}</td>
+      </tr>
+    `);
+
+song.element.on(`click`, event => {
+  player.playPause(song);
+});
+
+    $(`#song-list`).append(song.element);
+  });
+}