fix

src/app/tab1/tab1.page.html

@@ -8,7 +8,7 @@
 
 <ion-content>
     <ion-card class="welcome-card">
-      <img src="/assets/shapes.svg" alt="" />
+      <img src="/assets/jubastart.jpg" alt="" />
       <ion-card-header>
         <ion-card-subtitle>Welcome to</ion-card-subtitle>
         <ion-card-title>JubaBox</ion-card-title>
@@ -23,7 +23,7 @@
         <ion-label>Connect</ion-label>
       </ion-list-header>
       <ion-item>
-        <ion-input style="font-size:30px; text-align: center;" placeholder="Enter Page" maxlenght="12"></ion-input>
+        <ion-input style="font-size:30px; text-align: center;" class="form-control" [(ngModel)]="jubapage" name="jubapage" placeholder="Enter Page" maxlenght="12"></ion-input>
       </ion-item>
       <ion-item>
         <ion-grid>

src/app/tab1/tab1.page.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component , ViewChild} from '@angular/core';
 
 @Component({
   selector: 'app-tab1',
@@ -7,9 +7,10 @@ import { Component } from '@angular/core';
 })
 export class Tab1Page {
 
+@ViewChild('jubapage') jubapage:any;
 
   goConnect(){
-    alert(0);
+    alert(this.jubapage);
   }
 
 }