diff --git a/.gitignore b/.gitignore
index 5ccff1a..f245005 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-html/
+html
+www/media
diff --git a/www/index.html b/www/index.html
index d66d385..a3dd373 100644
--- a/www/index.html
+++ b/www/index.html
@@ -86,6 +86,34 @@
           </div>
         </section>
 
+      <!-- Video -->
+        <section class="wrapper style1">
+          <div class="container">
+            <div class="row 200%">
+              <section class="3u 12u(narrower)">
+                <div class="box highlight">
+                </div>
+              </section>
+              <section class="6u 12u(narrower)">
+                <div class="box highlight">
+                  <video controls poster="media/simulation-poster.png" width="100%">
+                    <source src="media/simulation.webm" type="video/webm">
+                    <source src="media/simulation.mp4" type="video/mp4">
+                    <track src="media/simulation.vtt" label="English" kind="subtitles" srclang="en">
+                  </video>
+                  <p>
+                    See how Zuul tests cross-project changes in parallel.
+                  </p>
+                </div>
+              </section>
+              <section class="3u 12u(narrower)">
+                <div class="box highlight">
+                </div>
+              </section>
+            </div>
+          </div>
+        </section>
+
       <!-- Posts -->
         <section class="wrapper style1">
           <div class="container">