@@ -1,14 +1,9 @@
-<img src="../assets/angular.png" alt="AngularLogo" *ngIf="showLoder" style="width:50px;
-height:50px;
-position: fixed;top: 50%;
-left: 50%;
-transform: translate(-50%, -50%);">
 <div class="center-this">
 <div class="container">
 <div class="col-md-12">
-<mat-card>Welcome To Feature Modules
-<br>
-<br>
+<mat-card>
+<h4>This is a different module (FeatureModule)</h4><br>
+<button mat-raised-button color="basic" routerLink='/'>Back</button>
 </mat-card>
 </div>
 </div>

@@ -1,15 +1,16 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import {FeatureComponent} from './feature.component';
+import { FeatureComponent } from './feature.component';
 import { FeatureRoutingModule } from './feature-routing.module';
 import { MatCardModule } from '@angular/material/card';
-
+import { SharedModule } from './../shared/shared.module';
 
 @NgModule({
 imports: [
 CommonModule,
 FeatureRoutingModule,
-MatCardModule
+MatCardModule,
+SharedModule
 ],
 declarations: [
 FeatureComponent,

@@ -2,9 +2,11 @@
 <div class="container">
 <div class="col-md-12">
 <mat-card>
-<h2>Angular (SSR) + Node.js (TypeScript) Boiler / Starter</h2>
-<hr>
+<h2>Angular (SSR) + Node.js (TypeScript) Boiler / Starter</h2><br>
 <button mat-raised-button color="accent" routerLink='/feature'>Lazy Load Module</button>
+<hr>
+<a class="-button" href="https://.com/meetdave3/angular-node-typescript-boiler" data-icon="octicon-star"
+data-size="large" data-show-count="true" aria-label="Star ntkme/-buttons on ">Star</a>
 </mat-card>
 </div>
 </div>

@@ -2,6 +2,16 @@
 
 @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
 
+html,
+body {
+display: flex;
+flex-direction: column;
+justify-content: center;
+align-items: center;
+text-align: center;
+min-height: 60vh;
+}
+
 .white-text {
 color: white;
 }