docs: improve design of download part in installation

diff --git a/docs/pages/installation.md b/docs/pages/installation.md
index 4ec14718725f4b37613671bf972fc4ca4146412b..f31f76963cc913bd53d033f058953c9cf4150d96 100644 (file)
--- a/docs/pages/installation.md
+++ b/docs/pages/installation.md
@@ -84,11 +84,25 @@ To create compressed, production-ready assets, run `npm run build`.
 
 ---
 
-## CSS Download
 
-<div class="responsive-embed widescreen mb1">
-  <iframe width="560" height="315" src="https://www.youtube.com/embed/lFrpnk0Oo_8" frameborder="0" allowfullscreen></iframe>
-  <a id="docs-mobile-video-link" class="docs-mobile-video" target="_blank" href="https://youtu.be/lFrpnk0Oo_8"></a>
+## Download
+
+<div class="row">
+  <div class="column small-6">
+    <div class="responsive-embed widescreen mb1">
+      <iframe width="560" height="315" src="https://www.youtube.com/embed/lFrpnk0Oo_8" frameborder="0" allowfullscreen></iframe>
+      <a id="docs-mobile-video-link" class="docs-mobile-video" target="_blank" href="https://youtu.be/lFrpnk0Oo_8"></a>
+    </div>
+  </div>
+
+  <div class="column small-6">
+    <p>
+      If you aren't into Sass, we have a starter template with compiled CSS and JavaScript, as well as a starting `index.html` file for you to hack on. Just unzip and get coding!
+    </p>
+    <p class="text-center">
+      <a href="http://foundation.zurb.com/sites/download" class="button">Download Foundation</a>
+    </p>
+  </div>
 </div>
 
 If you aren't into Sass, we have a starter template with compiled CSS and JavaScript, as well as a starting `index.html` file for you to hack on. Just unzip and get coding!