diff --git a/src/index.html b/src/index.html
index 9e0d9ae88..44a409d3d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -132,13 +132,13 @@
                       </a>
                     </li>
                     <li>
-                      <a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-th fa-fw"></i> My Apps</a>
+                      <a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-th fa-fw"></i> {{ 'apps.title' | tr }}</a>
                     </li>
                     <li ng-show="user.isAtLeastAdmin">
-                      <a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-cloud-download-alt fa-fw"></i> App Store</a>
+                      <a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-cloud-download-alt fa-fw"></i> {{ 'appstore.title' | tr }}</a>
                     </li>
                     <li ng-show="user.isAtLeastUserManager">
-                      <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> Users</a>
+                      <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> {{ 'users.title' | tr }}</a>
                     </li>
                     <li>
                       <a href="#/notifications">
@@ -150,22 +150,22 @@
                     <li class="dropdown">
                       <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.avatarUrl}}" style="width: 24px; height: 24px;"/> {{user.username}} <span class="caret"></span></a>
                       <ul class="dropdown-menu" role="menu">
-                        <li><a href="#/profile"><i class="fa fa-user fa-fw"></i> Profile</a></li>
+                        <li><a href="#/profile"><i class="fa fa-user fa-fw"></i> {{ 'profile.title' | tr }}</a></li>
                         <li ng-show="user.isAtLeastAdmin" class="divider"></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> Backups</a></li>
-                        <li ng-show="user.role === 'owner'"><a href="#/branding"><i class="fa fa-passport fa-fw"></i> Branding</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> Domains & Certs</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> Email</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Event Log</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/network"><i class="fas fa-network-wired fa-fw"></i> Network</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/services"><i class="fa fa-cogs fa-fw"></i> Services</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> Settings</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> {{ 'backups.title' | tr }}</a></li>
+                        <li ng-show="user.role === 'owner'"><a href="#/branding"><i class="fa fa-passport fa-fw"></i> {{ 'branding.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> {{ 'domains.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> {{ 'emails.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> {{ 'eventlog.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/network"><i class="fas fa-network-wired fa-fw"></i> {{ 'network.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/services"><i class="fa fa-cogs fa-fw"></i> {{ 'services.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> {{ 'settings.title' | tr }}</a></li>
                         <li ng-show="user.isAtLeastAdmin"><a href="#/volumes"><i class="fa fa-hdd fa-fw"></i> Volumes</a></li>
                         <li ng-show="user.isAtLeastAdmin" class="divider"></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> Support</a></li>
-                        <li ng-show="user.isAtLeastAdmin"><a href="#/system"><i class="fa fa-chart-area fa-fw"></i> System</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> {{ 'support.title' | tr }}</a></li>
+                        <li ng-show="user.isAtLeastAdmin"><a href="#/system"><i class="fa fa-chart-area fa-fw"></i> {{ 'system.title' | tr }}</a></li>
                         <li class="divider"></li>
-                        <li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> Logout</a></li>
+                        <li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> {{ 'main.logout' | tr }}</a></li>
                       </ul>
                     </li>
                   </ul>
diff --git a/src/translation/de.json b/src/translation/de.json
index f803ebd4c..75cbfc6c3 100644
--- a/src/translation/de.json
+++ b/src/translation/de.json
@@ -3,6 +3,43 @@
         "title": "Meine Apps"
     },
     "main": {
-        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…"
+        "offline": "Cloudron ist nicht erreichbar. Verbindungsaufbau…",
+        "logout": "Abmelden"
+    },
+    "network": {
+        "title": "Netzwerk"
+    },
+    "settings": {
+        "title": "Einstellungen"
+    },
+    "users": {
+        "title": "Benutzer"
+    },
+    "profile": {
+        "title": "Profil"
+    },
+    "emails": {
+        "title": "E-Mail"
+    },
+    "support": {
+        "title": "Support"
+    },
+    "eventlog": {
+        "title": "Ereignisprotokoll"
+    },
+    "domains": {
+        "title": "Domains & Zertifikate"
+    },
+    "notifications": {
+        "title": "Benachrichtigungen"
+    },
+    "system": {
+        "title": "Systeminformationen"
+    },
+    "backups": {
+        "title": "Datensicherung"
+    },
+    "appstore": {
+        "title": "App-Store"
     }
 }
diff --git a/src/translation/en.json b/src/translation/en.json
index bb4ab2b50..88ebbdd78 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -3,6 +3,49 @@
         "title": "My Apps"
     },
     "main": {
-        "offline": "Cloudron is offline. Reconnecting…"
+        "offline": "Cloudron is offline. Reconnecting…",
+        "logout": "Logout"
+    },
+    "appstore": {
+        "title": "App Store"
+    },
+    "users": {
+        "title": "Users"
+    },
+    "profile": {
+        "title": "Profile"
+    },
+    "backups": {
+        "title": "Backups"
+    },
+    "branding": {
+        "title": "Branding"
+    },
+    "emails": {
+        "title": "Email"
+    },
+    "network": {
+        "title": "Network"
+    },
+    "services": {
+        "title": "Services"
+    },
+    "settings": {
+        "title": "Settings"
+    },
+    "support": {
+        "title": "Support"
+    },
+    "system": {
+        "title": "System Info"
+    },
+    "eventlog": {
+        "title": "Event Log"
+    },
+    "domains": {
+        "title": "Domains & Certs"
+    },
+    "notifications": {
+        "title": "Notifications"
     }
 }
diff --git a/src/views/activity.html b/src/views/activity.html
index 73079ae0e..a7ccd1cc6 100644
--- a/src/views/activity.html
+++ b/src/views/activity.html
@@ -1,7 +1,7 @@
 
 <div>
   <div class="col-md-10 col-md-offset-1">
-      <h1>Event Log</h1>
+      <h1>{{ 'eventlog.title' | tr }}</h1>
   </div>
 </div>
 
diff --git a/src/views/backups.html b/src/views/backups.html
index 458a85062..2204ef130 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -328,7 +328,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Backups</h1>
+    <h1>{{ 'backups.title' | tr }}</h1>
   </div>
 
   <div class="text-left">
diff --git a/src/views/branding.html b/src/views/branding.html
index 89039d08b..49697db07 100644
--- a/src/views/branding.html
+++ b/src/views/branding.html
@@ -28,7 +28,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Branding</h1>
+    <h1>{{ 'branding.title' | tr }}</h1>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
diff --git a/src/views/domains.html b/src/views/domains.html
index f37677252..1027f7b7a 100644
--- a/src/views/domains.html
+++ b/src/views/domains.html
@@ -234,7 +234,7 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>Domains <button class="btn btn-primary btn-outline pull-right" ng-click="domainAdd.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
+    <h1>{{ 'domains.title' | tr }} <button class="btn btn-primary btn-outline pull-right" ng-click="domainAdd.show()"><i class="fa fa-plus"></i> Add Domain</button></h1>
   </div>
 
   <div class="card card-large">
diff --git a/src/views/network.html b/src/views/network.html
index 5c6a0607d..bee6fe7d1 100644
--- a/src/views/network.html
+++ b/src/views/network.html
@@ -72,7 +72,7 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>Network</h1>
+    <h1>{{ 'network.title' | tr }}</h1>
   </div>
 
   <div class="text-left">
diff --git a/src/views/notifications.html b/src/views/notifications.html
index 1985bbb33..aac43dce4 100644
--- a/src/views/notifications.html
+++ b/src/views/notifications.html
@@ -19,7 +19,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Notifications <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()" ng-disabled="clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> Clear All</button></h1>
+    <h1>{{ 'notifications.title' | tr }} <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()" ng-disabled="clearAllBusy"><i class="fa fa-circle-notch fa-spin" ng-show="clearAllBusy"></i><i class="fa fa-check" ng-hide="clearAllBusy"></i> Clear All</button></h1>
   </div>
 
   <div class="col-lg-12 text-center" ng-show="notifications.busy">
diff --git a/src/views/profile.html b/src/views/profile.html
index c67089cbd..e2604cf9d 100644
--- a/src/views/profile.html
+++ b/src/views/profile.html
@@ -324,7 +324,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Profile</h1>
+    <h1>{{ 'profile.title' | tr }}</h1>
   </div>
 
   <div class="card">
diff --git a/src/views/services.html b/src/views/services.html
index 080fc49f6..a587199ae 100644
--- a/src/views/services.html
+++ b/src/views/services.html
@@ -49,7 +49,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Services</h1>
+    <h1>{{ 'services.title' | tr }}</h1>
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
diff --git a/src/views/settings.html b/src/views/settings.html
index aafce29f6..9bfe34cc8 100644
--- a/src/views/settings.html
+++ b/src/views/settings.html
@@ -137,7 +137,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Settings</h1>
+    <h1>{{ 'settings.title' | tr }}</h1>
   </div>
 
   <div class="text-left" ng-show="user.isAtLeastOwner && !config.isDemo">
diff --git a/src/views/support.html b/src/views/support.html
index c7e6fcf20..0712cf367 100644
--- a/src/views/support.html
+++ b/src/views/support.html
@@ -1,7 +1,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>Support</h1>
+    <h1>{{ 'support.title' | tr }}</h1>
   </div>
 
   <div class="text-left">
diff --git a/src/views/system.html b/src/views/system.html
index a0b4de73d..4d51e3f15 100644
--- a/src/views/system.html
+++ b/src/views/system.html
@@ -21,7 +21,7 @@
 
   <div class="text-left">
     <h1>
-      System Info
+      {{ 'system.title' | tr }}
       <a class="btn btn-default pull-right" href="/logs.html?id=box" target="_blank">Show Logs</a>
       <button class="btn btn-default pull-right" ng-click="reboot.show()" ng-disabled="reboot.busy"><i class="fa fa-circle-notch fa-spin" ng-show="reboot.busy"></i> Reboot</button>
     </h1>
diff --git a/src/views/users.html b/src/views/users.html
index 632b9860b..1ab8a11a3 100644
--- a/src/views/users.html
+++ b/src/views/users.html
@@ -401,7 +401,7 @@
 
   <div class="text-left">
     <h2>
-      Users
+      {{ 'users.title' | tr }}
       <button class="btn btn-primary btn-outline pull-right" ng-click="useradd.show()">
         <i class="fa fa-user-plus"></i> New User
       </button>