diff --git a/packages/cli/package-lock.json b/packages/cli/package-lock.json
index 62fc395381..2f4635969b 100644
--- a/packages/cli/package-lock.json
+++ b/packages/cli/package-lock.json
@@ -1309,11 +1309,6 @@
 			"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.11.8.tgz",
 			"integrity": "sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA=="
 		},
-		"bootstrap": {
-			"version": "4.1.1",
-			"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.1.1.tgz",
-			"integrity": "sha512-SpiDSOcbg4J/PjVSt4ny5eY6j74VbVSjROY4Fb/WIUXBV9cnb5luyR4KnPvNoXuGnBK1T+nJIWqRsvU3yP8Mcg=="
-		},
 		"brace-expansion": {
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
diff --git a/packages/cli/package.json b/packages/cli/package.json
index f693f3780d..8f36a1e674 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -44,7 +44,6 @@
     "bin/"
   ],
   "dependencies": {
-    "bootstrap": "^4.1.1",
     "clean-webpack-plugin": "^0.1.19",
     "commander": "^2.15.1",
     "html-loader": "^0.5.5",
diff --git a/packages/cli/src/generate/generators/app/create-app.spec.ts b/packages/cli/src/generate/generators/app/create-app.spec.ts
index 06705f376c..7f17a8e64d 100644
--- a/packages/cli/src/generate/generators/app/create-app.spec.ts
+++ b/packages/cli/src/generate/generators/app/create-app.spec.ts
@@ -33,7 +33,6 @@ describe('createApp', () => {
 
     // Public
     rmfileIfExists('test-foo-bar/public/logo.png');
-    rmfileIfExists('test-foo-bar/public/bootstrap.min.css');
     rmdirIfExists('test-foo-bar/public');
 
     // Src
@@ -112,14 +111,6 @@ describe('createApp', () => {
 
   });
 
-  it('should copy the bootstrap css file.', () => {
-
-    const expected = readFileFromNodeModules('bootstrap/dist/css/bootstrap.min.css');
-    const actual = readFileFromRoot('test-foo-bar/public/bootstrap.min.css');
-    strictEqual(actual, expected);
-
-  });
-
   it('should render the src/app/controllers templates.', () => {
 
     let expected = readFileFromTemplatesSpec('app/src/app/controllers/index.1.ts');
diff --git a/packages/cli/src/generate/generators/app/create-app.ts b/packages/cli/src/generate/generators/app/create-app.ts
index 322a32f166..129329afff 100644
--- a/packages/cli/src/generate/generators/app/create-app.ts
+++ b/packages/cli/src/generate/generators/app/create-app.ts
@@ -64,7 +64,6 @@ export function createApp({ name, sessionSecret }:
   // Public
   mkdirIfNotExists(`${names.kebabName}/public`);
   copyFileFromTemplates('app/public/logo.png', `${names.kebabName}/public/logo.png`);
-  copyFileFromNodeModules('bootstrap/dist/css/bootstrap.min.css', `${names.kebabName}/public/bootstrap.min.css`);
 
   // Src
   mkdirIfNotExists(`${names.kebabName}/src`);
diff --git a/packages/cli/src/generate/templates-spec/app/public/logo.1.png b/packages/cli/src/generate/templates-spec/app/public/logo.1.png
index b90288be88..6e730fdd38 100644
Binary files a/packages/cli/src/generate/templates-spec/app/public/logo.1.png and b/packages/cli/src/generate/templates-spec/app/public/logo.1.png differ
diff --git a/packages/cli/src/generate/templates-spec/app/src/app/controllers/templates/index.1.html b/packages/cli/src/generate/templates-spec/app/src/app/controllers/templates/index.1.html
index ebdb9b2ab5..0ead4cf30c 100644
--- a/packages/cli/src/generate/templates-spec/app/src/app/controllers/templates/index.1.html
+++ b/packages/cli/src/generate/templates-spec/app/src/app/controllers/templates/index.1.html
@@ -5,64 +5,51 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="csrf-token" content="<%= csrfToken %>">
   <title><%= appName %></title>
-
-  <link rel="stylesheet" href="bootstrap.min.css">
+  <link rel="shortcut icon" href="logo.png">
   <style>
+    html, body {
+      height: 100%
+    }
     body {
-      padding-top: 54px;
+      padding-top: 100px;
+      background: linear-gradient(to bottom right, #116dd6, #bcd8f9);
+      text-align: center;
+      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    }
+    h1 {
+      color: white;
+      font-weight: bold;
+      margin-bottom: 40px
+    }
+    a {
+      color: white;
+      background-color: #126cda;
+      border-color: #126cda;
+      border-radius: 30px;
+      padding: 0.75rem 2.25rem;
+      text-decoration: none;
+      font-weight: bold;
+      margin: 0px 10px;
     }
-    @media (min-width: 992px) {
-      body {
-        padding-top: 56px;
-      }
+    img{
+      background-color: white;
+      padding: 10px 40px;
+      border-radius: 80px;
+      background-color: #f1f6fc;
     }
   </style>
 </head>
 <body>
-  <!-- Navigation -->
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-    <div class="container">
-      <a class="navbar-brand" href="#">Welcome to <%= appName %>!</a>
-    </div>
-  </nav>
-  
-  <!-- Page Content -->
-  <div class="container">
-    <div class="row mt-5">
-      <div class="col-lg-12">
-        <img src="logo.png" alt="FoalTS logo" class="mx-auto d-block">
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-12 text-center">
-        <h1 class="mt-3">You have successfully installed FoalTS!</h1>
-        <p class="lead mt-4">You'll find below some useful resources to learn more on FoalTS, a high-level Node.JS framework to quickly build web apps in TypeScript.</p>
-      </div>
+  <div>
+    <div class="img-container">
+      <img src="logo.png" alt="FoalTS logo">
     </div>
-    <div class="row mt-4">
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://foalts.gitbooks.io/docs/">Documentation</a>
-          </h4>
-        </div>
-      </div>
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://twitter.com/FoalTs">Twitter</a>
-          </h4>
-        </div>
-      </div>
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://foalts.org/">FoalTS Website</a>
-          </h4>
-        </div>
-      </div>
+    <h1>You have successfully installed FoalTS!</h1>
+    <div>
+      <a href="https://foalts.gitbook.io/docs/">Documentation</a>
+      <a href="https://twitter.com/FoalTs">Twitter</a>
+      <a href="https://foalts.org/">FoalTS Website</a>
     </div>
   </div>
-  
 </body>
 </html>
\ No newline at end of file
diff --git a/packages/cli/src/generate/templates/app/public/logo.png b/packages/cli/src/generate/templates/app/public/logo.png
index b90288be88..6e730fdd38 100644
Binary files a/packages/cli/src/generate/templates/app/public/logo.png and b/packages/cli/src/generate/templates/app/public/logo.png differ
diff --git a/packages/cli/src/generate/templates/app/src/app/controllers/templates/index.html b/packages/cli/src/generate/templates/app/src/app/controllers/templates/index.html
index ebdb9b2ab5..0ead4cf30c 100644
--- a/packages/cli/src/generate/templates/app/src/app/controllers/templates/index.html
+++ b/packages/cli/src/generate/templates/app/src/app/controllers/templates/index.html
@@ -5,64 +5,51 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="csrf-token" content="<%= csrfToken %>">
   <title><%= appName %></title>
-
-  <link rel="stylesheet" href="bootstrap.min.css">
+  <link rel="shortcut icon" href="logo.png">
   <style>
+    html, body {
+      height: 100%
+    }
     body {
-      padding-top: 54px;
+      padding-top: 100px;
+      background: linear-gradient(to bottom right, #116dd6, #bcd8f9);
+      text-align: center;
+      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    }
+    h1 {
+      color: white;
+      font-weight: bold;
+      margin-bottom: 40px
+    }
+    a {
+      color: white;
+      background-color: #126cda;
+      border-color: #126cda;
+      border-radius: 30px;
+      padding: 0.75rem 2.25rem;
+      text-decoration: none;
+      font-weight: bold;
+      margin: 0px 10px;
     }
-    @media (min-width: 992px) {
-      body {
-        padding-top: 56px;
-      }
+    img{
+      background-color: white;
+      padding: 10px 40px;
+      border-radius: 80px;
+      background-color: #f1f6fc;
     }
   </style>
 </head>
 <body>
-  <!-- Navigation -->
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-    <div class="container">
-      <a class="navbar-brand" href="#">Welcome to <%= appName %>!</a>
-    </div>
-  </nav>
-  
-  <!-- Page Content -->
-  <div class="container">
-    <div class="row mt-5">
-      <div class="col-lg-12">
-        <img src="logo.png" alt="FoalTS logo" class="mx-auto d-block">
-      </div>
-    </div>
-    <div class="row">
-      <div class="col-lg-12 text-center">
-        <h1 class="mt-3">You have successfully installed FoalTS!</h1>
-        <p class="lead mt-4">You'll find below some useful resources to learn more on FoalTS, a high-level Node.JS framework to quickly build web apps in TypeScript.</p>
-      </div>
+  <div>
+    <div class="img-container">
+      <img src="logo.png" alt="FoalTS logo">
     </div>
-    <div class="row mt-4">
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://foalts.gitbooks.io/docs/">Documentation</a>
-          </h4>
-        </div>
-      </div>
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://twitter.com/FoalTs">Twitter</a>
-          </h4>
-        </div>
-      </div>
-      <div class="col-md-4">
-        <div class="alert alert-info text-center" role="alert">
-          <h4 class="alert-heading mb-0">
-            <a href="https://foalts.org/">FoalTS Website</a>
-          </h4>
-        </div>
-      </div>
+    <h1>You have successfully installed FoalTS!</h1>
+    <div>
+      <a href="https://foalts.gitbook.io/docs/">Documentation</a>
+      <a href="https://twitter.com/FoalTs">Twitter</a>
+      <a href="https://foalts.org/">FoalTS Website</a>
     </div>
   </div>
-  
 </body>
 </html>
\ No newline at end of file