diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 6491d2739..6d19e7fbc 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -7,9 +7,9 @@ import { TranslateService } from '@ngx-translate/core';
 })
 export class AppComponent {
     constructor(private translate: TranslateService) {
-        translate.addLangs(['en', 'fr', 'ur', 'es', 'it', 'fa']);
+        translate.addLangs(['en', 'fr', 'ur', 'es', 'it', 'fa', 'de']);
         translate.setDefaultLang('en');
         const browserLang = translate.getBrowserLang();
-        translate.use(browserLang.match(/en|fr|ur|es|it|fa/) ? browserLang : 'en');
+        translate.use(browserLang.match(/en|fr|ur|es|it|fa|de/) ? browserLang : 'en');
     }
 }
diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index 9199aa487..a4fe9dc92 100644
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -70,6 +70,7 @@ <h5 class="mt-0 mb-1">John Smith</h5>
                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('es')">{{ 'Spanish' | translate }}</a>
                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('it')">{{ 'Italian' | translate }}</a>
                         <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('fa')">{{ 'Farsi' | translate }}</a>
+                        <a class="dropdown-item" href="javascript:void(0)" (click)="changeLang('de')">{{ 'German' | translate }}</a>
                     </div>
                 </li>
                 <li class="nav-item dropdown" ngbDropdown>
diff --git a/src/app/shared/components/sidebar/sidebar.component.html b/src/app/shared/components/sidebar/sidebar.component.html
index ba1453050..24d03fc6c 100644
--- a/src/app/shared/components/sidebar/sidebar.component.html
+++ b/src/app/shared/components/sidebar/sidebar.component.html
@@ -13,10 +13,10 @@
             <i class="fa fa-fw fa-edit"></i>&nbsp;{{ 'Forms' | translate }}
         </a>
         <a [routerLink]="['/bs-element']" [routerLinkActive]="['router-link-active']" class="list-group-item">
-            <i class="fa fa-fw fa-desktop"></i>&nbsp;{{ 'Boostrap Element' | translate }}
+            <i class="fa fa-fw fa-desktop"></i>&nbsp;{{ 'Bootstrap Element' | translate }}
         </a>
         <a [routerLink]="['/grid']" [routerLinkActive]="['router-link-active']" class="list-group-item">
-            <i class="fa fa-fw fa-wrench"></i>&nbsp;{{ 'Boostrap Grid' | translate }}
+            <i class="fa fa-fw fa-wrench"></i>&nbsp;{{ 'Bootstrap Grid' | translate }}
         </a>
         <a [routerLink]="['/components']" [routerLinkActive]="['router-link-active']" class="list-group-item">
             <i class="fa fa-th-list"></i>&nbsp;{{ 'Component' | translate }}
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
new file mode 100644
index 000000000..8d484386d
--- /dev/null
+++ b/src/assets/i18n/de.json
@@ -0,0 +1,27 @@
+{
+    "Dashboard": "Dashboard",
+    "Charts": "Graphen",
+    "Tables": "Tabellen",
+    "Forms": "Formulare",
+    "Bootstrap Element": "Bootstrap Element",
+    "Bootstrap Grid": "Bootstrap Grid",
+    "Component": "Komponente",
+    "Menu": "Menü",
+    "Submenu": "Submenü",
+    "Blank Page": "Leere Seite",
+    "More Theme": "Mehr Themes",
+    "Download Now": "Jetzt runterladen",
+    "Language": "Sprache",
+    "English": "Englisch",
+    "French": "Französisch",
+    "Urdu": "Urdu",
+    "Spanish": "Spanisch",
+    "Italian": "Italienisch",
+    "Farsi": "Farsi",
+    "German": "Deutsch",
+    "Search" : "Suchen",
+    "Settings" : "Einstellungen",
+    "Profile" : "Profil",
+    "Inbox" : "Posteingang",
+    "Log Out" : "Ausloggen"
+}
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 8e5fc378c..e361fc101 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -3,8 +3,8 @@
     "Charts": "Charts",
     "Tables": "Tables",
     "Forms": "Forms",
-    "Boostrap Element": "Boostrap Element",
-    "Boostrap Grid": "Boostrap Grid",
+    "Bootstrap Element": "Bootstrap Element",
+    "Bootstrap Grid": "Bootstrap Grid",
     "Component": "Component",
     "Menu": "Menu",
     "Submenu": "Submenu",
@@ -18,6 +18,7 @@
     "Spanish": "Spanish",
     "Italian": "Italian",
     "Farsi": "Farsi",
+    "German": "German",
     "Search" : "Search",
     "Settings" : "Settings",
     "Profile" : "Profile",
diff --git a/src/assets/i18n/es.json b/src/assets/i18n/es.json
index 6c10a5943..a206e01d5 100644
--- a/src/assets/i18n/es.json
+++ b/src/assets/i18n/es.json
@@ -3,8 +3,8 @@
     "Charts": "Caracteres",
     "Tables": "Tablas",
     "Forms": "Formularios",
-    "Boostrap Element": "Elementos Boostrap",
-    "Boostrap Grid": "Rejilla Boostrap",
+    "Bootstrap Element": "Elementos Bootstrap",
+    "Bootstrap Grid": "Rejilla Bootstrap",
     "Component": "Componentes",
     "Menu": "Menú",
     "Submenu": "Submenú",
@@ -18,6 +18,7 @@
     "Spanish": "Español",
     "Italian": "Italiano",
     "Farsi": "Farsi",
+    "German": "Alemán",
     "Search" : "Búsqueda",
     "Settings" : "Ajustes",
     "Profile" : "Profile",
diff --git a/src/assets/i18n/fa.json b/src/assets/i18n/fa.json
index 2eabb5b80..bcf5b0665 100644
--- a/src/assets/i18n/fa.json
+++ b/src/assets/i18n/fa.json
@@ -3,8 +3,8 @@
     "Charts": "چارت ها",
     "Tables": "جداول",
     "Forms": "فرم ها",
-    "Boostrap Element": "عناصر بوتسترپ",
-    "Boostrap Grid": "جداول بوتسترپ",
+    "Bootstrap Element": "عناصر بوتسترپ",
+    "Bootstrap Grid": "جداول بوتسترپ",
     "Component": "کامپوننت",
     "Menu": "منوها",
     "Submenu": "زیر منوها",
@@ -18,6 +18,7 @@
     "Spanish": "Spanish",
     "Italian": "Italian",
     "Farsi": "Farsi",
+    "German": "German",
     "Search" : "Search",
     "Settings" : "Settings",
     "Profile" : "Profile",
diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json
index b6564cc19..9220095a9 100644
--- a/src/assets/i18n/fr.json
+++ b/src/assets/i18n/fr.json
@@ -3,8 +3,8 @@
     "Charts": "Hit-parade",
     "Tables": "Tableaux",
     "Forms": "Froms",
-    "Boostrap Element": "Bootstrap Élément",
-    "Boostrap Grid": "Bootstrap Grille",
+    "Bootstrap Element": "Bootstrap Élément",
+    "Bootstrap Grid": "Bootstrap Grille",
     "Component": "Composant",
     "Menu": "Menu",
     "Submenu": "Sous-menu",
@@ -18,6 +18,7 @@
     "Spanish": "Spanish",
     "Italian": "Italien",
     "Farsi": "Farsi",
+    "German": "Allemand",
     "Search" : "Chercher",
     "Settings" : "Paramètres",
     "Profile" : "Profile",
diff --git a/src/assets/i18n/it.json b/src/assets/i18n/it.json
index f0fa43f85..38c525ee7 100644
--- a/src/assets/i18n/it.json
+++ b/src/assets/i18n/it.json
@@ -3,8 +3,8 @@
     "Charts": "Grafici",
     "Tables": "Tabelle",
     "Forms": "Formulari",
-    "Boostrap Element": "Elementi Boostrap",
-    "Boostrap Grid": "Griglia Boostrap",
+    "Bootstrap Element": "Elementi Bootstrap",
+    "Bootstrap Grid": "Griglia Bootstrap",
     "Component": "Componenti",
     "Menu": "Menu",
     "Submenu": "Submenu",
@@ -18,6 +18,7 @@
     "Spanish": "Spagnolo",
     "Italian": "Italiano",
     "Farsi": "Farsi",
+    "German": "Tedesco",
     "Search" : "Ricerca",
     "Settings" : "Impostazioni",
     "Profile" : "Profilo",
diff --git a/src/assets/i18n/ur.json b/src/assets/i18n/ur.json
index 9075e3a3a..9340e4470 100644
--- a/src/assets/i18n/ur.json
+++ b/src/assets/i18n/ur.json
@@ -3,8 +3,8 @@
     "Charts": "چارت ها",
     "Tables": "جداول",
     "Forms": "فرم ها",
-    "Boostrap Element": "عنصر بوتسترپ",
-    "Boostrap Grid": "جدول بوتسترپ",
+    "Bootstrap Element": "عنصر بوتسترپ",
+    "Bootstrap Grid": "جدول بوتسترپ",
     "Component": "کامپوننت",
     "Menu": "منو",
     "Submenu": "زیر منو",
@@ -18,6 +18,7 @@
     "Spanish": "ہسپانوی",
     "Italian": "اطالوی",
     "Farsi": "فارسی",
+    "German": "جرمن",
     "Search" : "تلاش کریں",
     "Settings" : "ترتیبات",
     "Profile" : "پروفائل",