diff --git a/caimira/apps/static/css/style.css b/caimira/apps/static/css/style.css
index 4f5d97c1..929ab89f 100644
--- a/caimira/apps/static/css/style.css
+++ b/caimira/apps/static/css/style.css
@@ -223,7 +223,7 @@ footer img {
 
   .paragraph-title {
     text-align: left;
-    font-size: 2rem;
+    font-size: 1.5rem;
   }
 
   .split > * + * {
diff --git a/caimira/apps/templates/base/index.html.j2 b/caimira/apps/templates/base/index.html.j2
index d9ab3be8..1ecfb19a 100644
--- a/caimira/apps/templates/base/index.html.j2
+++ b/caimira/apps/templates/base/index.html.j2
@@ -28,6 +28,16 @@
           </p>
           <br>
       </div>
+      <div id="apps_section" class="d-none">
+        <div class="d-flex flex-row" >
+          {# <h2 class="paragraph-title pr-4 align-self-center">Apps:</h2>
+          <br> #}
+          <div class="pr-3"><a href="{{ calculator_prefix }}" role="button" class="btn btn-lg btn-outline-primary"><div class="d-flex d-row"><i class="icon-calculator"></i><span class="pl-2">Calculator</div></a></div>
+          <br>
+          <div class="expert_app_button"><a href="/expert-app" role="button" class="btn btn-lg btn-outline-secondary"><div class="d-flex d-row"><i class="icon-expert"></i><span class="pl-2">Expert (beta)</div></a></div>
+        </div>
+        {# <hr width="95%"> #}
+      </div>
     </div>
     <div class="align-self-center">
       <img src="static/images/CAiMIRA_1_Vs3_Colour.jpg" class="caimira_home_image">
@@ -35,16 +45,27 @@
   </div>
   <br>
   
-  <div id="apps_section" class="d-none">
-    <div class="d-flex flex-row" >
-      <h2 class="paragraph-title pr-4 align-self-center">Apps:</h2>
-      <br>
-      <div class="pr-3"><a href="{{ calculator_prefix }}" role="button" class="btn btn-lg btn-outline-primary"><div class="d-flex d-row"><i class="icon-calculator"></i><span class="pl-2">Calculator</div></a></div>
-      <br>
-      <div class="expert_app_button"><a href="/expert-app" role="button" class="btn btn-lg btn-outline-secondary"><div class="d-flex d-row"><i class="icon-expert"></i><span class="pl-2">Expert (beta)</div></a></div>
+  
+  <div class="d-flex justify-content-between">
+    
+    <div class="w-25"><hr width="95%">
+      <div class="d-flex m-3 align-items-center"><i class="bi bi-window" style="font-size: 25px"></i><div><p class="paragraph-title ml-2">Applications</p></div></div>
+      <div class="m-3">CAiMIRA is composed of two applications, the <a href="{{ calculator_prefix }}">Calculator</a> and the <a href="/expert-app">Expert App</a>.</div>
+    </div>
+    <div class="w-25"><hr width="95%">
+      <div class="d-flex m-3 align-items-center"><i class="bi bi-info-square-fill" style="font-size: 25px"></i><div><p class="paragraph-title ml-2">About</p></div></div>
+      <div class="m-3"><a href="/about">About</a> page for details on methodology, assumptions and limitations of CAiMIRA.</div>
+    </div>
+    <div class="w-25"><hr width="95%">
+      <div class="d-flex m-3 align-items-center"><i class="bi bi-journal-text" style="font-size: 25px"></i><div><p class="paragraph-title ml-2">Documentation</p></div></div>
+      <div class="m-3">Documentation for CAiMIRA's applications, available online.<br><a href="https://caimira.readthedocs.io/">caimira.readthedocs.io/</a></div>
+    </div>
+    <div class="w-25"><hr width="95%">
+      <div class="d-flex m-3 align-items-center"><i class="bi bi-git" style="font-size: 25px"></i><div><p class="paragraph-title ml-2">GitLab</p></div></div>
+      <div class="m-3">Official CAiMIRA's GitLab repository.<br><a href="https://gitlab.cern.ch/cara/cara">gitlab.cern.ch/cara/cara</a></div>
     </div>
-    <hr width="95%">
   </div>
+  <br>
 
   {% block caimira_at_cern %}
   {% endblock caimira_at_cern %}
diff --git a/caimira/apps/templates/base/layout.html.j2 b/caimira/apps/templates/base/layout.html.j2
index e7ac6dea..a563d62d 100644
--- a/caimira/apps/templates/base/layout.html.j2
+++ b/caimira/apps/templates/base/layout.html.j2
@@ -16,6 +16,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
   <link rel="stylesheet" href="/static/css/style.css">
   <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
   
 
   {% block extra_headers %}