diff --git a/src/css/style.less b/src/css/style.less
index a8e096b3..9e1a1300 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -217,6 +217,26 @@ button {
}
+/*
+ * Page footer
+ *
+ */
+.page-footer {
+ .clearfix;
+ .make-row(12);
+ margin: 20px 0;
+ padding-top: 20px;
+ border-top: 1px solid #eee;
+ color: #999;
+ font-size: 0.9em;
+ text-align: right;
+ a {
+ color: #666;
+ &:hover,
+ &:focus {text-decoration: underline;}
+ }
+}
+
/*
* The pop up dialog
*
diff --git a/src/index.html b/src/index.html
index e2be525e..c7c3b4d3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -54,6 +54,10 @@
diff --git a/src/js/yunohost/main.js b/src/js/yunohost/main.js
index 4c741efd..735f326f 100644
--- a/src/js/yunohost/main.js
+++ b/src/js/yunohost/main.js
@@ -70,6 +70,11 @@
// Store url
sam.store.set('url', window.location.hostname + '/yunohost/api');
+ // Get YunoHost version
+ this.api('/version', function(versions) {
+ $('#yunohost-version').html(y18n.t('footer_version', [versions.yunohost]));
+ });
+
// Flash messages
var flashMessage = $('#flashMessage');
$('#toggle-btn', flashMessage).click(function(e) {
diff --git a/src/locales/en.json b/src/locales/en.json
index 4ac4aab5..7344d36a 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -120,6 +120,7 @@
"everyone_has_access": "Everyone has access.",
"filesystem": "Filesystem",
"firewall": "Firewall",
+ "footer_version" : "Powered by
YunoHost %s.",
"form_input_example" : "Example: %s",
"free": "Free",
"fs_type": "FS Type",