Family login

src/app/pages/familylogin/familylogin.page.html

@@ -1,4 +1,9 @@
 <ion-content class="ion-padding">
+  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/jobinterest.jpg)'">
+    <div class="ion-padding">
+      <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
+    </div>
+  </div>
   <div class="ion-padding space">
     <div>
 

src/app/pages/familylogin/familylogin.page.scss

@@ -1,4 +1,14 @@
 ion-content {
+  .back_image {
+    width: 100%;
+    height: 200px;
+
+    .back {
+      font-size: 25px;
+      color: white;
+    }
+  }
+
   .simp_lbl {
     margin-top: 20px;
     font-size: 30px;

src/app/pages/familylogin/familylogin.page.ts

@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { WrenchService } from 'src/app/services/wrench.service';
 import { SessionDataProviderService } from 'src/app/store/session-data-provider.service';
 import { BlogDataService } from 'src/app/store/blog-data.service';
+import {NavController} from "@ionic/angular";
 
 @Component({
   selector: 'app-familylogin',
@@ -22,7 +23,8 @@ export class FamilyloginPage implements OnInit {
       private router: Router,
       private wrenchService: WrenchService,
       public sessionDataProviderService:SessionDataProviderService,
-      public blogDataService:BlogDataService
+      public blogDataService:BlogDataService,
+      private navctr: NavController,
   ) {
 
   }
@@ -53,6 +55,10 @@ export class FamilyloginPage implements OnInit {
     );
   }
 
+  onBack() {
+    this.navctr.back();
+  }
+
   showAlert(mtitle: string, amessage: string) {
     /* let alert = this.alertCtrl.create({
        title: mtitle,

src/app/pages/invite/invite.page.html

@@ -24,8 +24,8 @@
   <div *ngIf="tabs =='refer'" class="refer">
     <ion-card>
       <ion-card-header>
-        <ion-card-title>Card Title</ion-card-title>
-        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+        <ion-card-title>Invite Friends</ion-card-title>
+        <ion-card-subtitle>Enter email and name.</ion-card-subtitle>
       </ion-card-header>
 
       <ion-card-content>

src/app/pages/login/login.page.html

@@ -11,8 +11,8 @@
           </ion-col>
           <ion-col>
             <ion-button expand="block" class="login-type"  (click)="familyLogin()">
-              <ion-icon slot="start" name="star"></ion-icon>
-              Family</ion-button>
+                <ion-icon name="people-circle-outline"></ion-icon>
+              Go to Family Account</ion-button>
           </ion-col>
 
         </ion-row>

src/app/pages/login/login.page.scss

@@ -2,13 +2,14 @@ ion-content {
   .simp_lbl {
     margin-top: 20px;
     font-size: 30px;
-    letter-spacing: 1.2;
+    letter-spacing: 1.2px;
     margin-bottom: 30px;
     font-family: 'semi-bold';
   }
   .login-type{
     background-color: #3dc2ff;
     border-radius: 10px;
+    height: 50px;
   }
 
   ion-item {