diff --git a/network/templates/network/dashboard.html b/network/templates/network/dashboard.html
new file mode 100644
index 0000000..b20b339
--- /dev/null
+++ b/network/templates/network/dashboard.html
@@ -0,0 +1,141 @@
+{% load i18n %}
+{% load l10n %}
+{% load staticfiles %}
+
+<style>
+ .thumbnail {
+ margin-bottom: 30px;
+ }
+
+ .dashboard-text {
+ text-align: justify;
+ }
+</style>
+
+<div class="row">
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.host_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.host_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.vlan_list %}">Vlans</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.vlan_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.vlan_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.domain_list %}">Domains</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.domain_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.domain_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.record_list %}">Records</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.record_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.record_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.blacklist_list %}">Blacklists</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.blacklist_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.blacklist_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.rule_list %}">Rules</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.rule_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.rule_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.group_list %}">Host groups</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.group_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.group_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="col-sm-3">
+ <div class="thumbnail">
+ <div class="caption">
+ <p class="lead"> <a href="{% url network.vlan_group_list %}">Vlan groups</a> are machines on the network.</p>
+ <p class="dashboard-text">
+ Proin mattis enim risus. Ut eu enim quis auctor. Duis lobort sollicitudin lacus, scelerisque dictum arcu aliquam nec.
+ </p>
+ <p class="text-right">
+ <a href="{% url network.vlan_group_list %}" class="btn btn-default">{% trans "List" %}</a>
+ <a href="{% url network.vlan_group_create %}" class="btn btn-success">{% trans "Create" %}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/network/templates/network/index.html b/network/templates/network/index.html
index 488be2c..1cd3203 100644
--- a/network/templates/network/index.html
+++ b/network/templates/network/index.html
@@ -6,6 +6,12 @@
{% block content %}
<div class="page-header">
+ <h1>{% trans "Dashboard" %}</h1>
+</div>
+
+{% include "network/dashboard.html" %}
+
+<div class="page-header">
<h1>{% trans "Latest modifications" %}</h1>
</div>
@@ -47,75 +53,4 @@
</tr>
{% endfor %}
</table>
-
-<div class="page-header">
- <h1>{% trans "Dashboard" %}</h1>
-</div>
-
-<div class="row">
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
- <div class="col-sm-3">
- <div class="thumbnail">
- <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
- <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
- <p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
- </div>
- </div>
-
-</div>
{% endblock %}