diff --git a/konova/static/css/konova.css b/konova/static/css/konova.css
index 341d5e22..9f551ed0 100644
--- a/konova/static/css/konova.css
+++ b/konova/static/css/konova.css
@@ -7,6 +7,21 @@ Declare some basic colours
     --rlp-gray-light: #c6c6c6;
 }
 
+.rlp-gl{
+    background-color: var(--rlp-gray-light);
+    color:white;
+}
+
+.rlp-gd{
+    background-color: var(--rlp-gray-dark);
+    color:white;
+}
+
+.rlp-r{
+    background-color: var(--rlp-red);
+    color:white;
+}
+
 html {
   position: relative;
   min-height: 100%;
@@ -81,4 +96,21 @@ nav{
     font-size: 12px;
     max-height: 150px;
     overflow: auto;
+}
+
+.qs-box{
+    background-color: var(--rlp-red);
+    color: white;
+    font-size: 3rem;
+    width: 8rem;
+    height: 8rem;
+}
+
+.btn-default{
+    color: white;
+    background-color: var(--rlp-red);
+    border-radius: 0;
+}
+.btn-default:hover{
+    color: var(--rlp-gray-light);
 }
\ No newline at end of file
diff --git a/konova/templates/konova/home.html b/konova/templates/konova/home.html
index 26dffba1..ff8a5374 100644
--- a/konova/templates/konova/home.html
+++ b/konova/templates/konova/home.html
@@ -1,15 +1,114 @@
 {% extends 'base.html' %}
-{% load i18n %}
+{% load i18n fontawesome_5 %}
 
 {% block body %}
     {% include 'news/dashboard-news.html' %}
     <hr>
     <div id="quickstart" class="col-md px-3">
-        <h4 class="row">{% trans 'Quickstart' %}</h4>
         <div class="row px-3">
-            <div class="col-md">{% trans 'Intervention' %}</div>
-            <div class="col-md">{% trans 'Compensation' %}</div>
-            <div class="col-md">{% trans 'Eco-account' %}</div>
+            <div class="col-md">
+                <h4>
+                {% trans 'Intervention' %}
+                </h4>
+                <div class="row">
+                    <div class="col-sm">
+                        <div class="qs-box d-flex justify-content-center align-items-center">
+                            {% fa5_icon 'pencil-ruler' %}
+                        </div>
+                    </div>
+                    <div class="col-sm">
+                        <div class="col-md mb-2">
+                            <div>{% trans 'Total' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{total_intervention_count}}</div>
+                        </div>
+                        <div class="col-md">
+                            <div>{% trans 'Your own' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{user_intervention_count}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md">
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
+                        </a>
+                    </div>
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md">
+                <h4>
+                {% trans 'Compensation' %}
+                </h4>
+                <div class="row">
+                    <div class="col-sm">
+                        <div class="qs-box d-flex justify-content-center align-items-center">
+                            {% fa5_icon 'leaf' %}
+                        </div>
+                    </div>
+                    <div class="col-sm">
+                        <div class="col-md mb-2">
+                            <div>{% trans 'Total' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{total_compensation_count}}</div>
+                        </div>
+                        <div class="col-md">
+                            <div>{% trans 'Your own' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{user_compensation_count}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md">
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
+                        </a>
+                    </div>
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md">
+                <h4>
+                {% trans 'Eco-account' %}
+                </h4>
+                <div class="row">
+                    <div class="col-sm">
+                        <div class="qs-box d-flex justify-content-center align-items-center">
+                            {% fa5_icon 'tree' %}
+                        </div>
+                    </div>
+                    <div class="col-sm">
+                        <div class="col-md mb-2">
+                            <div>{% trans 'Total' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{total_eco_count}}</div>
+                        </div>
+                        <div class="col-md">
+                            <div>{% trans 'Your own' %}</div>
+                            <div class="class badge badge-pill rlp-gd">{{user_eco_count}}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md">
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
+                        </a>
+                    </div>
+                    <div class="row my-1">
+                        <a href="{% url 'home' %}">
+                            <button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
+                        </a>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 
diff --git a/konova/views.py b/konova/views.py
index 5d47a1c3..8c85d28b 100644
--- a/konova/views.py
+++ b/konova/views.py
@@ -54,6 +54,12 @@ def home_view(request: HttpRequest):
 
     additional_context = {
         "msgs": msgs,
+        "total_intervention_count": 123,
+        "user_intervention_count": 5,
+        "total_compensation_count": 123,
+        "user_compensation_count": 5,
+        "total_eco_count": 123,
+        "user_eco_count": 5,
     }
     context = BaseContext(request, additional_context).context
     return render(request, template, context)
diff --git a/news/templates/news/dashboard-news.html b/news/templates/news/dashboard-news.html
index eb6df5ab..dc7686b1 100644
--- a/news/templates/news/dashboard-news.html
+++ b/news/templates/news/dashboard-news.html
@@ -1,12 +1,13 @@
 {% load i18n ksp_filters %}
 
 <div id="server-messages" class="col-md px-3">
-    <h4 class="row">{% trans 'News' %}</h4>
     <div class="row px-3">
         {% for msg in msgs %}
         <div class="card col-md {{msg.importance|bootstrap_cls}}">
             <div class="card-body">
-                <h6 class="card-title">{{msg.subject}}</h6>
+                <h6 class="card-title">
+                    {{msg.subject}}
+                </h6>
                 <small>{% trans 'Published on' %} {{msg.publish_on}}</small>
                 <article class="card-text">{{msg.body|safe}}</article>
             </div>