X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/18258f6a3762ba7d83b05260b3c22f71423c0373..0ecbb08536d02433272e62cf1878edd7927f66e1:/doc/index.html.liquid

diff --git a/doc/index.html.liquid b/doc/index.html.liquid
index 0fdc757637..a4255b65d2 100644
--- a/doc/index.html.liquid
+++ b/doc/index.html.liquid
@@ -5,42 +5,40 @@ navsection: top
 title: Arvados | Documentation
 ...
 
-<div class="frontpagehero">
-  <div style="padding:100px 50px; margin-left:0px; margin-top:0px">
-    <p style="font-size: 60px; font-family: Garland, serif;">AR&zwnj;<span style="margin-left:-0.07em;margin-right:-0.155em;">V</span>&zwnj;ADOS</p>
-    <p style="line-height: 1.2em; font-size: 28px; margin-top: 1em;">manuals, guides, and references</p>
+<div class="jumbotron">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-6">
+        <h1>ARVADOS</h1>
+        <p>manuals, guides, and references</p>
+      </div>
+      <div class="col-sm-6">
+        <img src="images/dax-reading-book.png" style="max-height: 10em" alt="Dax reading a book" />
+      </div>
+    </div>
   </div>
 </div>
 
-<div style="height: 2em;"></div>
-<div style="display: table-row">
-  <div style="width: 50px; display: table-cell;">
-  </div>
-  <div style="width: 300px; display: table-cell;">
-    <p>This site contains documentation for the <a href="https://arvados.org/">Arvados platform</a>. The documentation is being developed as part of the open source project. It is a work in progress that has just gotten started. You can get involved by <a href="https://arvados.org/projects/arvados/wiki/Documentation">joining the documentation effort</a>.
-  </div>
-  <div style="width: 50px; display: table-cell;">
-    &nbsp;
-  </div>
-  <div style="width: 50px; display: table-cell; border-left:1px solid #bbb;">
-    &nbsp;
-  </div>
-  <div style="margin-left: 0px; width: auto; display: table-cell;">
-    <div>
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-sm-5">
+      <p>This site contains documentation for the <a href="https://arvados.org/">Arvados platform</a>. The documentation is being developed as part of the open source project. It is a work in progress that has just gotten started. You can get involved by <a href="https://arvados.org/projects/arvados/wiki/Documentation">joining the documentation effort</a>.
+    </div>
+    <div class="col-sm-7" style="border-left: solid; border-width: 1px">
       <p>
-        <a href="{{ site.baseurl }}/user/">User Guide</a> &mdash; How to manage data and do analysis with Arvados.
+        <a href="{{ site.baseurl }}/user/index.html">User Guide</a> &mdash; How to manage data and do analysis with Arvados.
       </p>
       <p>
-        <a href="{{ site.baseurl }}/sdk/">SDK Reference</a> &mdash; Details about the accessing Arvados from various programming languages.
+        <a href="{{ site.baseurl }}/sdk/index.html">SDK Reference</a> &mdash; Details about the accessing Arvados from various programming languages.
       </p>
       <p>
-        <a href="{{ site.baseurl }}/api/">API Reference</a> &mdash; Details about the the Arvados REST API.
+        <a href="{{ site.baseurl }}/api/index.html">API Reference</a> &mdash; Details about the the Arvados REST API.
       </p>
       <p>
-        <a href="{{ site.baseurl }}/admin/">Admin Guide</a> &mdash; How to administer an Arvados system.
+        <a href="{{ site.baseurl }}/admin/index.html">Admin Guide</a> &mdash; How to administer an Arvados system.
       </p>
       <p>
-        <a href="{{ site.baseurl }}/install/">Install Guide</a> &mdash; How to install Arvados on a cloud platform.
+        <a href="{{ site.baseurl }}/install/index.html">Install Guide</a> &mdash; How to install Arvados on a cloud platform.
       </p>
     </div>
   </div>