refactor: home.component

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

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