diff --git a/index.html b/index.html
index 66a501e..f9b4df0 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 	<title>VR180 Web Player</title>
-	<link rel="stylesheet" href="vr180-player.css">
+	<link rel="stylesheet" href="vr180player/vr180-player.css">
 	<style>
         body {
 		  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -31,7 +31,7 @@
 				<source src="sbs-video.mp4" type="video/mp4">
 			</video>
 			<button id="playBtn" aria-label="Play video">
-				<img src="play.png" alt="Play">
+				<img src="vr180player/images/play.png" alt="Play">
 			</button>
 			<div id="panel">
 				<div id="status">
@@ -56,6 +56,6 @@
 			</div>
 		</div>
 	</main>
-	<script type="module" src="vr180-player.js"></script>
+	<script type="module" src="vr180player/vr180-player.js"></script>
 </body>
 </html>
diff --git a/back-hover.png b/vr180player/images/back-hover.png
similarity index 100%
rename from back-hover.png
rename to vr180player/images/back-hover.png
diff --git a/back.png b/vr180player/images/back.png
similarity index 100%
rename from back.png
rename to vr180player/images/back.png
diff --git a/forward-hover.png b/vr180player/images/forward-hover.png
similarity index 100%
rename from forward-hover.png
rename to vr180player/images/forward-hover.png
diff --git a/forward.png b/vr180player/images/forward.png
similarity index 100%
rename from forward.png
rename to vr180player/images/forward.png
diff --git a/fullscreen-hover.png b/vr180player/images/fullscreen-hover.png
similarity index 100%
rename from fullscreen-hover.png
rename to vr180player/images/fullscreen-hover.png
diff --git a/fullscreen.png b/vr180player/images/fullscreen.png
similarity index 100%
rename from fullscreen.png
rename to vr180player/images/fullscreen.png
diff --git a/mute-hover.png b/vr180player/images/mute-hover.png
similarity index 100%
rename from mute-hover.png
rename to vr180player/images/mute-hover.png
diff --git a/mute.png b/vr180player/images/mute.png
similarity index 100%
rename from mute.png
rename to vr180player/images/mute.png
diff --git a/pause-hover.png b/vr180player/images/pause-hover.png
similarity index 100%
rename from pause-hover.png
rename to vr180player/images/pause-hover.png
diff --git a/pause.png b/vr180player/images/pause.png
similarity index 100%
rename from pause.png
rename to vr180player/images/pause.png
diff --git a/play.png b/vr180player/images/play.png
similarity index 100%
rename from play.png
rename to vr180player/images/play.png
diff --git a/play2-hover.png b/vr180player/images/play2-hover.png
similarity index 100%
rename from play2-hover.png
rename to vr180player/images/play2-hover.png
diff --git a/play2.png b/vr180player/images/play2.png
similarity index 100%
rename from play2.png
rename to vr180player/images/play2.png
diff --git a/unmute-hover.png b/vr180player/images/unmute-hover.png
similarity index 100%
rename from unmute-hover.png
rename to vr180player/images/unmute-hover.png
diff --git a/unmute.png b/vr180player/images/unmute.png
similarity index 100%
rename from unmute.png
rename to vr180player/images/unmute.png
diff --git a/vr180-player.css b/vr180player/vr180-player.css
similarity index 80%
rename from vr180-player.css
rename to vr180player/vr180-player.css
index 1361184..d748252 100644
--- a/vr180-player.css
+++ b/vr180player/vr180-player.css
@@ -136,7 +136,7 @@
 	grid-area: full;
 	width: 44px;
 	height: 44px;
-	background-image: url(fullscreen.png);
+	background-image: url(images/fullscreen.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -144,14 +144,14 @@
 }
 
 #fullscreen:hover {
-	background-image: url(fullscreen-hover.png);
+	background-image: url(images/fullscreen-hover.png);
 }
 
 #mute {
 	grid-area: mute;
 	width: 44px;
 	height: 44px;
-	background-image: url(mute.png);
+	background-image: url(images/mute.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -159,23 +159,23 @@
 }
 
 #mute:hover {
-	background-image: url(mute-hover.png);
+	background-image: url(images/mute-hover.png);
 }
 
 #mute.muted {
-	background-image: url(mute.png);
+	background-image: url(images/mute.png);
 }
 
 #mute.muted:hover {
-	background-image: url(mute-hover.png);
+	background-image: url(images/mute-hover.png);
 }
 
 #mute.unmuted {
-	background-image: url(unmute.png);
+	background-image: url(images/unmute.png);
 }
 
 #mute.unmuted:hover {
-	background-image: url(unmute-hover.png);
+	background-image: url(images/unmute-hover.png);
 }
 
 #nav {
@@ -189,7 +189,7 @@
 #back {
 	width: 44px;
 	height: 44px;
-	background-image: url(back.png);
+	background-image: url(images/back.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -197,13 +197,13 @@
 }
 
 #back:hover {
-	background-image: url(back-hover.png);
+	background-image: url(images/back-hover.png);
 }
 
 #play2 {
 	width: 44px;
 	height: 44px;
-	background-image: url(play2.png);
+	background-image: url(images/play2.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -211,29 +211,29 @@
 }
 
 #play2:hover {
-	background-image: url(play2-hover.png);
+	background-image: url(images/play2-hover.png);
 }
 
 #play2.paused {
-	background-image: url(play2.png);
+	background-image: url(images/play2.png);
 }
 
 #play2.paused:hover {
-	background-image: url(play2-hover.png);
+	background-image: url(images/play2-hover.png);
 }
 
 #play2.playing {
-	background-image: url(pause.png);
+	background-image: url(images/pause.png);
 }
 
 #play2.playing:hover {
-	background-image: url(pause-hover.png);
+	background-image: url(images/pause-hover.png);
 }
 
 #forward {
 	width: 44px;
 	height: 44px;
-	background-image: url(forward.png);
+	background-image: url(images/forward.png);
 	background-size: 44px 44px;
 	background-repeat: no-repeat;
 	background-position: center;
@@ -241,5 +241,5 @@
 }
 
 #forward:hover {
-	background-image: url(forward-hover.png);
+	background-image: url(images/forward-hover.png);
 }
diff --git a/vr180-player.js b/vr180player/vr180-player.js
similarity index 100%
rename from vr180-player.js
rename to vr180player/vr180-player.js