diff --git a/index.html b/index.html
index d95214fae..7ceb92d19 100644
--- a/index.html
+++ b/index.html
@@ -538,6 +538,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="pages/examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="pages/examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/index2.html b/index2.html
index 803a3c577..49f643d6a 100644
--- a/index2.html
+++ b/index2.html
@@ -525,6 +525,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="pages/examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="pages/examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/index3.html b/index3.html
index 6b4af90ee..c0222808b 100644
--- a/index3.html
+++ b/index3.html
@@ -535,6 +535,18 @@ to get the desired effect
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="pages/examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="pages/examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="pages/examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 90730d53a..c38554f80 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 52af12ab6..94bf0ad28 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -573,6 +573,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index eba2d4ca0..7b073fba8 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index b47e7501b..5dc9bb96b 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -531,6 +531,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/navbar.html b/pages/UI/navbar.html
index 22bd61dac..3c54b05ce 100644
--- a/pages/UI/navbar.html
+++ b/pages/UI/navbar.html
@@ -533,6 +533,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/ribbons.html b/pages/UI/ribbons.html
index a33567c44..8523f79ef 100644
--- a/pages/UI/ribbons.html
+++ b/pages/UI/ribbons.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 13bc44efd..abc7092ab 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -532,6 +532,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 1f4a78ed7..a4af6366d 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -526,6 +526,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/calendar.html b/pages/calendar.html
index fe934f208..87b2adc16 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -533,6 +533,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 852f505a8..61d5c8f68 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index cd5e30d7e..6187faa3c 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index 1b6f9d1b3..ec7da72dc 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 9d77781cb..ee23dc38e 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 3021d9540..5b525beba 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 410ed1f1e..c5569b3b5 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/contacts.html b/pages/examples/contacts.html
index bba10deab..75070ea88 100644
--- a/pages/examples/contacts.html
+++ b/pages/examples/contacts.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/e_commerce.html b/pages/examples/e_commerce.html
index 1f86d1dc7..43543bb44 100644
--- a/pages/examples/e_commerce.html
+++ b/pages/examples/e_commerce.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/forgot-password.html b/pages/examples/forgot-password.html
new file mode 100644
index 000000000..95aecab03
--- /dev/null
+++ b/pages/examples/forgot-password.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>AdminLTE 3 | Forgot Password</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
+  <!-- Ionicons -->
+  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
+  <!-- icheck bootstrap -->
+  <link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
+  <!-- Theme style -->
+  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
+  <!-- Google Font: Source Sans Pro -->
+  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
+</head>
+<body class="hold-transition login-page">
+<div class="login-box">
+  <div class="login-logo">
+    <a href="../../index2.html"><b>Admin</b>LTE</a>
+  </div>
+  <!-- /.login-logo -->
+  <div class="card">
+    <div class="card-body login-card-body">
+      <p class="login-box-msg">You forgot your password? Here you can easily retrieve a new password.</p>
+
+      <form action="recover-password.html" method="post">
+        <div class="input-group mb-3">
+          <input type="email" class="form-control" placeholder="Email">
+          <div class="input-group-append">
+            <div class="input-group-text">
+              <span class="fas fa-envelope"></span>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12">
+            <button type="submit" class="btn btn-primary btn-block">Request new password</button>
+          </div>
+          <!-- /.col -->
+        </div>
+      </form>
+
+      <p class="mt-3 mb-1">
+        <a href="login.html">Login</a>
+      </p>
+      <p class="mb-0">
+        <a href="register.html" class="text-center">Register a new membership</a>
+      </p>
+    </div>
+    <!-- /.login-card-body -->
+  </div>
+</div>
+<!-- /.login-box -->
+
+<!-- jQuery -->
+<script src="../../plugins/jquery/jquery.min.js"></script>
+<!-- Bootstrap 4 -->
+<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+<!-- AdminLTE App -->
+<script src="../../dist/js/adminlte.min.js"></script>
+
+</body>
+</html>
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 03ebd1f0f..a22da0764 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/language-menu.html b/pages/examples/language-menu.html
index 0f2b4135d..53f4d2d75 100644
--- a/pages/examples/language-menu.html
+++ b/pages/examples/language-menu.html
@@ -541,6 +541,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/legacy-user-menu.html b/pages/examples/legacy-user-menu.html
index 0b4fd4321..a6c6b377d 100644
--- a/pages/examples/legacy-user-menu.html
+++ b/pages/examples/legacy-user-menu.html
@@ -556,6 +556,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/login.html b/pages/examples/login.html
index 376b00dbb..26fdff325 100644
--- a/pages/examples/login.html
+++ b/pages/examples/login.html
@@ -56,7 +56,7 @@
           </div>
           <!-- /.col -->
           <div class="col-4">
-            <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
+            <button type="submit" class="btn btn-primary btn-block">Sign In</button>
           </div>
           <!-- /.col -->
         </div>
@@ -74,7 +74,7 @@
       <!-- /.social-auth-links -->
 
       <p class="mb-1">
-        <a href="#">I forgot my password</a>
+        <a href="forgot-password.html">I forgot my password</a>
       </p>
       <p class="mb-0">
         <a href="register.html" class="text-center">Register a new membership</a>
diff --git a/pages/examples/pace.html b/pages/examples/pace.html
index 5b1b5783f..89f58f984 100644
--- a/pages/examples/pace.html
+++ b/pages/examples/pace.html
@@ -531,6 +531,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index 8e6034411..707443f78 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/project_add.html b/pages/examples/project_add.html
index 58f7074bb..a3a9cda0c 100644
--- a/pages/examples/project_add.html
+++ b/pages/examples/project_add.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/project_detail.html b/pages/examples/project_detail.html
index ab54c8639..cf7c69054 100644
--- a/pages/examples/project_detail.html
+++ b/pages/examples/project_detail.html
@@ -530,6 +530,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/project_edit.html b/pages/examples/project_edit.html
index 8b1e9b37e..6ec4b481f 100644
--- a/pages/examples/project_edit.html
+++ b/pages/examples/project_edit.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/projects.html b/pages/examples/projects.html
index 454958472..8d1b6984d 100644
--- a/pages/examples/projects.html
+++ b/pages/examples/projects.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/examples/recover-password.html b/pages/examples/recover-password.html
new file mode 100644
index 000000000..b6717cf89
--- /dev/null
+++ b/pages/examples/recover-password.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>AdminLTE 3 | Recover Password</title>
+  <!-- Tell the browser to be responsive to screen width -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
+  <!-- Ionicons -->
+  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
+  <!-- icheck bootstrap -->
+  <link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
+  <!-- Theme style -->
+  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
+  <!-- Google Font: Source Sans Pro -->
+  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
+</head>
+<body class="hold-transition login-page">
+<div class="login-box">
+  <div class="login-logo">
+    <a href="../../index2.html"><b>Admin</b>LTE</a>
+  </div>
+  <!-- /.login-logo -->
+  <div class="card">
+    <div class="card-body login-card-body">
+      <p class="login-box-msg">You are only one step a way from your new password, recover your password now.</p>
+
+      <form action="login.html" method="post">
+        <div class="input-group mb-3">
+          <input type="password" class="form-control" placeholder="Password">
+          <div class="input-group-append">
+            <div class="input-group-text">
+              <span class="fas fa-lock"></span>
+            </div>
+          </div>
+        </div>
+        <div class="input-group mb-3">
+          <input type="password" class="form-control" placeholder="Confirm Password">
+          <div class="input-group-append">
+            <div class="input-group-text">
+              <span class="fas fa-lock"></span>
+            </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-12">
+            <button type="submit" class="btn btn-primary btn-block">Change password</button>
+          </div>
+          <!-- /.col -->
+        </div>
+      </form>
+
+      <p class="mt-3 mb-1">
+        <a href="login.html">Login</a>
+      </p>
+    </div>
+    <!-- /.login-card-body -->
+  </div>
+</div>
+<!-- /.login-box -->
+
+<!-- jQuery -->
+<script src="../../plugins/jquery/jquery.min.js"></script>
+<!-- Bootstrap 4 -->
+<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+<!-- AdminLTE App -->
+<script src="../../dist/js/adminlte.min.js"></script>
+
+</body>
+</html>
diff --git a/pages/examples/register.html b/pages/examples/register.html
index bd827d589..fd83305f1 100644
--- a/pages/examples/register.html
+++ b/pages/examples/register.html
@@ -72,7 +72,7 @@
           </div>
           <!-- /.col -->
           <div class="col-4">
-            <button type="submit" class="btn btn-primary btn-block btn-flat">Register</button>
+            <button type="submit" class="btn btn-primary btn-block">Register</button>
           </div>
           <!-- /.col -->
         </div>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index e6f67a869..580a7496e 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -541,6 +541,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 7de666e53..276f890ee 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -530,6 +530,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 21c824db3..2e1e0b85e 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/gallery.html b/pages/gallery.html
index d54802fa2..4e79ac24d 100644
--- a/pages/gallery.html
+++ b/pages/gallery.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index 3983eded5..3b253cbd9 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index f92b67d5c..73609c0fb 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -529,6 +529,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/layout/fixed-footer.html b/pages/layout/fixed-footer.html
index 7df19c537..450750ffe 100644
--- a/pages/layout/fixed-footer.html
+++ b/pages/layout/fixed-footer.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/layout/fixed-sidebar.html b/pages/layout/fixed-sidebar.html
index 6fbd8add4..411e67364 100644
--- a/pages/layout/fixed-sidebar.html
+++ b/pages/layout/fixed-sidebar.html
@@ -530,6 +530,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/layout/fixed-topnav.html b/pages/layout/fixed-topnav.html
index 5bf45352a..1598fe272 100644
--- a/pages/layout/fixed-topnav.html
+++ b/pages/layout/fixed-topnav.html
@@ -528,6 +528,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index 046008681..3d0f744b8 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -522,6 +522,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index c872afbc1..09ff09ee7 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -521,6 +521,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 710d7d489..2ff1a3dc0 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -520,6 +520,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 22326927b..4f81d5b63 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -530,6 +530,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/tables/jsgrid.html b/pages/tables/jsgrid.html
index efdb4a488..74cd3bcf9 100644
--- a/pages/tables/jsgrid.html
+++ b/pages/tables/jsgrid.html
@@ -531,6 +531,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index 405224e82..ad3b59cca 100644
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="..examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="..examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="../examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>
diff --git a/pages/widgets.html b/pages/widgets.html
index ecb69cbcf..28c1e48e6 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -527,6 +527,18 @@
                   <p>Register</p>
                 </a>
               </li>
+              <li class="nav-item">
+                <a href="examples/forgot-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Forgot Password</p>
+                </a>
+              </li>
+              <li class="nav-item">
+                <a href="examples/recover-password.html" class="nav-link">
+                  <i class="far fa-circle nav-icon"></i>
+                  <p>Recover Password</p>
+                </a>
+              </li>
               <li class="nav-item">
                 <a href="examples/lockscreen.html" class="nav-link">
                   <i class="far fa-circle nav-icon"></i>