diff --git a/docs/about.html b/docs/about.html
index 75a45e2..f55f64d 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -13,13 +13,13 @@
         <div id="header">
             <a href="index.html">
                 <div id="title">
-                    <img src="./images/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
+                    <img src="./media/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
                     <h1>SELENE</h1>
                 </div>
             </a>
             <div id="links">
                 <a href="about.html"><h2>About</h2></a>
-                <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./images/github-mark-white.png" alt="TheNameless GitHub page"></a>
+                <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./media/github-mark-white.png" alt="TheNameless GitHub page"></a>
             </div>
         </div>
    </header>
diff --git a/docs/css/styles.css b/docs/css/styles.css
index ddd8b54..9eb89f6 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -90,6 +90,10 @@ div#demo {
     align-items: center;
 }
 
+div#demo video {
+    width: 75%;
+}
+
 a {
     color: white;
 }
diff --git a/docs/index.html b/docs/index.html
index c369506..7090460 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -12,13 +12,13 @@
           <div id="header">
           <a href="index.html">
                <div id="title">
-                    <img src="./images/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
+                    <img src="./media/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
                     <h1>SELENE</h1>
                </div>
           </a>
           <div id="links">
                <a href="about.html"><h2>About</h2></a>
-               <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./images/github-mark-white.png" alt="TheNameless GitHub page"></a>
+               <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./media/github-mark-white.png" alt="TheNameless GitHub page"></a>
           </div>
           </div>
      </header>
@@ -45,15 +45,21 @@ <h1>SELENE</h1>
 
      <div id="demo">
           <h2>Demo</h2>
-          <video></video>
+          <video>
+               <source src="./media/demo.mp4" type="video/mp4">
+               Your browser does not support the video tag.
+          </video>
+          <p>
+               This video is a placeholder for our final demo.
+          </p>
      </div>
 
      <div id="screenshots">
           <h2>Screenshots</h2>
           <div id="images">
-               <img src="./images/screenshot_0.png" alt="Selene main menu">
-               <img src="./images/screenshot_2.png" alt="Selene level">
-               <img src="./images/screenshot_5.png" alt="Selene final boss">
+               <img src="./media/screenshot_0.png" alt="Selene main menu">
+               <img src="./media/screenshot_2.png" alt="Selene level">
+               <img src="./media/screenshot_5.png" alt="Selene final boss">
           </div>
      </div>
 
diff --git a/docs/images/Astronaut.png b/docs/media/Astronaut.png
similarity index 100%
rename from docs/images/Astronaut.png
rename to docs/media/Astronaut.png
diff --git a/docs/media/demo.mp4 b/docs/media/demo.mp4
new file mode 100644
index 0000000..ada3be5
Binary files /dev/null and b/docs/media/demo.mp4 differ
diff --git a/docs/images/github-mark-white.png b/docs/media/github-mark-white.png
similarity index 100%
rename from docs/images/github-mark-white.png
rename to docs/media/github-mark-white.png
diff --git a/docs/images/screenshot_0.png b/docs/media/screenshot_0.png
similarity index 100%
rename from docs/images/screenshot_0.png
rename to docs/media/screenshot_0.png
diff --git a/docs/images/screenshot_1.png b/docs/media/screenshot_1.png
similarity index 100%
rename from docs/images/screenshot_1.png
rename to docs/media/screenshot_1.png
diff --git a/docs/images/screenshot_2.png b/docs/media/screenshot_2.png
similarity index 100%
rename from docs/images/screenshot_2.png
rename to docs/media/screenshot_2.png
diff --git a/docs/images/screenshot_3.png b/docs/media/screenshot_3.png
similarity index 100%
rename from docs/images/screenshot_3.png
rename to docs/media/screenshot_3.png
diff --git a/docs/images/screenshot_4.png b/docs/media/screenshot_4.png
similarity index 100%
rename from docs/images/screenshot_4.png
rename to docs/media/screenshot_4.png
diff --git a/docs/images/screenshot_5.png b/docs/media/screenshot_5.png
similarity index 100%
rename from docs/images/screenshot_5.png
rename to docs/media/screenshot_5.png