diff --git a/angular.json b/angular.json
index bae30d80d5..6515316a98 100644
--- a/angular.json
+++ b/angular.json
@@ -51,7 +51,8 @@
             "tsConfig": "apps/ngx-bootstrap-docs/tsconfig.app.json",
             "aot": true,
             "assets": [
-              "apps/ngx-bootstrap-docs/src/assets"
+              "apps/ngx-bootstrap-docs/src/assets",
+              "apps/ngx-bootstrap-docs/src/404.html"
             ],
             "styles": [
               "apps/ngx-bootstrap-docs/src/assets/css/style.scss",
diff --git a/apps/ngx-bootstrap-docs/src/404.html b/apps/ngx-bootstrap-docs/src/404.html
new file mode 100644
index 0000000000..a27a924403
--- /dev/null
+++ b/apps/ngx-bootstrap-docs/src/404.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head><base href="/ngx-bootstrap/">
+  <title>Angular Bootstrap</title>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="description" content="Bootstrap 3 and Bootstrap 4 widgets for Angular: autocomplete, accordion, alert, buttons, carousel, collapse, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead, sortable, tabs">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
+  <link rel="author" href="https://github.com/valor-software/ngx-bootstrap/graphs/contributors">
+
+  <!--link to bootstrap.css-->
+  <link rel="stylesheet" class="style-manager-theme" href="assets/css/bootstrap-4.0.0/css/bootstrap.min.css">
+  <!--<link rel="stylesheet" href="assets/css/style.css">-->
+  <!--<link rel="stylesheet" href="assets/css/prettify-angulario.css">-->
+
+  <!--<link rel="manifest" href="ngsw-manifest.json">-->
+
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="application-name" content="ngx-bootstrap">
+  <meta name="apple-mobile-web-app-title" content="ngx-bootstrap">
+  <meta name="theme-color" content="#1d1d2b">
+  <meta name="msapplication-navbutton-color" content="#1d1d2b">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="msapplication-starturl" content="/">
+  <link rel="stylesheet" href="styles.css"></head>
+<body>
+<bs-demo>
+  Loading...
+</bs-demo>
+<noscript>Please enable JavaScript to view ngx-bootstrap documentation</noscript>
+<!-- Google analytics-->
+<script>
+  if (typeof window != 'undefined') {
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-73071494-1', 'auto');
+    ga('send', 'pageview');
+  }
+</script>
+<script async="" src="assets/js/prettify.min.js"></script>
+<!-- script files will be inserted by html-webpack-plugin -->
+<script src="runtime.js" defer></script><script src="polyfills.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script></body>
+</html>
