refactor: home.component

templates/app/angular/src/app/home/home.component.html

@@ -1,15 +1,16 @@
-<div class="card">
-  <div class="card-header">{{ '::Welcome' | abpLocalization }}</div>
-  <div class="card-body">
-    <p>
-      {{ '::LongWelcomeMessage' | abpLocalization }}
-    </p>
-    <p *ngIf="!hasLoggedIn">
-      <a routerLink="/account/login" [state]="{ redirectUrl: '/' }" class="btn btn-primary" role="button"
-        ><i class="fa fa-sign-in mr-1"></i>{{ 'AbpIdentity::Login' | abpLocalization }}</a
-      >
-    </p>
-    <hr />
-    <p class="text-right"><a href="https://abp.io?ref=tmpl" target="_blank">abp.io</a></p>
+<div class="container">
+  <div id="AbpContentToolbar"></div>
+  <div class="jumbotron text-center">
+    <h1>{{ '::Welcome' | abpLocalization }}</h1>
+    <div class="row">
+      <div class="col-md-6 mx-auto">
+        <p>{{ '::LongWelcomeMessage' | abpLocalization }}</p>
+        <hr class="my-4" />
+      </div>
+    </div>
+    <a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary px-4">abp.io</a>
+    <a routerLink="/account/login" [state]="{ redirectUrl: '/' }" class="px-4 btn btn-primary" role="button"
+      ><i class="fa fa-sign-in"></i> {{ 'AbpIdentity::Login' | abpLocalization }}</a
+    >
   </div>
 </div>