diff --git a/portal/layouts/index.html b/portal/layouts/index.html
index 32a9cf1112f1950a7cbba789e76fcdf72548954b..3ad6dd894c88ac25647f2727e960aab6ea371ef8 100644
--- a/portal/layouts/index.html
+++ b/portal/layouts/index.html
@@ -1,5 +1,38 @@
 {{ partial "head.html" . }}
 
+      <!-- Main jumbotron for a primary marketing message or call to action -->
+      <div class="jumbotron">
+        <div class="container">
+          <h1 class="display-3">Hello, scientist!</h1>
+          <p>This is the KM3NeT Open Science Portal!</p>
+          <p><a class="btn btn-primary btn-lg" href="/articles/getting-started" role="button">Getting started &raquo;</a></p>
+        </div>
+      </div>
+
+      <div class="container">
+        <!-- Example row of columns -->
+        <div class="row">
+          <div class="col-md-4">
+            <h2>Heading</h2>
+            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+            <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+          </div>
+          <div class="col-md-4">
+            <h2>Heading</h2>
+            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+            <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+          </div>
+          <div class="col-md-4">
+            <h2>Heading</h2>
+            <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+            <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
+          </div>
+        </div>
+
+        <hr>
+
+      </div> <!-- /container -->
+
 <!-- <main> -->
 <!-- <section> -->
 <!--     <\!-- this section is populated from content/_index.md -\-> -->
diff --git a/portal/layouts/partials/foot.html b/portal/layouts/partials/foot.html
index 76dbbdfffa075bf4fb431237ef6274cebf780872..739d87c9d416850e76d331f3302c0fd6502dd14d 100644
--- a/portal/layouts/partials/foot.html
+++ b/portal/layouts/partials/foot.html
@@ -1,4 +1,4 @@
-<footer>
+<footer class="container">
     <ul>
         <li><a href="https://www.km3net.org">KM3NeT.org</a></li>
         <li><a href="https://www.github.com/KM3NeT">GitHub Organization</a></li>