first commit

src/app/tab1/tab1.page.html

@@ -1,41 +1,67 @@
-<ion-header>
+<!-- ion-header>
   <ion-toolbar>
     <ion-title>
       Tab One
     </ion-title>
   </ion-toolbar>
-</ion-header>
+</ion-header-->
 
 <ion-content>
     <ion-card class="welcome-card">
       <img src="/assets/shapes.svg" alt="" />
       <ion-card-header>
-        <ion-card-subtitle>Get Started</ion-card-subtitle>
-        <ion-card-title>Welcome to Ionic</ion-card-title>
+        <ion-card-subtitle>Welcome to</ion-card-subtitle>
+        <ion-card-title>JubaBox</ion-card-title>
       </ion-card-header>
       <ion-card-content>
-        <p>Now that your app has been created, you'll want to start building out features and components. Check out some of the resources below for next steps.</p>
+        <p>JubaBox is your interest connection platform. Enter the page of the group to get started. You can also find an open group by using the search.
+        </p>
       </ion-card-content>
     </ion-card>
     <ion-list lines="none">
       <ion-list-header>
-        <ion-label>Resources</ion-label>
+        <ion-label>Connect</ion-label>
       </ion-list-header>
-      <ion-item href="https://ionicframework.com/docs/">
-        <ion-icon slot="start" color="medium" name="book"></ion-icon>
-        <ion-label>Ionic Documentation</ion-label>
+      <ion-item>
+        <ion-input style="font-size:30px; text-align: center;" placeholder="Enter Page" maxlenght="12"></ion-input>
       </ion-item>
-      <ion-item href="https://ionicframework.com/docs/building/scaffolding">
-        <ion-icon slot="start" color="medium" name="build"></ion-icon>
-        <ion-label>Scaffold Out Your App</ion-label>
+      <ion-item>
+        <ion-grid>
+          <ion-row>
+            
+            <ion-col>
+              
+            </ion-col>
+            <ion-col>
+              <ion-button expand="full" (click)="goConnect()">Connect</ion-button>
+            </ion-col>
+            <ion-col>
+             
+            </ion-col>
+            
+          </ion-row>
+        </ion-grid>
       </ion-item>
-      <ion-item href="https://ionicframework.com/docs/layout/structure">
-        <ion-icon slot="start" color="medium" name="grid"></ion-icon>
-        <ion-label>Change Your App Layout</ion-label>
+
+      <ion-item>
+      
       </ion-item>
-      <ion-item href="https://ionicframework.com/docs/theming/basics">
-        <ion-icon slot="start" color="medium" name="color-fill"></ion-icon>
-        <ion-label>Theme Your App</ion-label>
+      <ion-item >
+               <ion-grid>
+          <ion-row>
+            
+            <ion-col>
+              
+            </ion-col>
+            <ion-col>
+              <ion-button expand="full">Search</ion-button>
+            </ion-col>
+            <ion-col>
+             
+            </ion-col>
+            
+          </ion-row>
+        </ion-grid>
       </ion-item>
     </ion-list>
 </ion-content>

src/app/tab1/tab1.page.ts

@@ -5,4 +5,11 @@ import { Component } from '@angular/core';
   templateUrl: 'tab1.page.html',
   styleUrls: ['tab1.page.scss']
 })
-export class Tab1Page {}
+export class Tab1Page {
+
+
+  goConnect(){
+    alert(0);
+  }
+
+}

src/app/tab2/tab2.page.html

@@ -1,7 +1,7 @@
 <ion-header>
   <ion-toolbar>
     <ion-title>
-      Photo Gallery
+      My Box
     </ion-title>
   </ion-toolbar>
 </ion-header>

src/app/tab3/tab3.page.html

@@ -1,7 +1,7 @@
 <ion-header>
   <ion-toolbar>
     <ion-title>
-      Tab Three
+      Settings
     </ion-title>
   </ion-toolbar>
 </ion-header>

src/app/tabs/tabs.page.html

@@ -2,18 +2,18 @@
 
   <ion-tab-bar slot="bottom">
     <ion-tab-button tab="tab1">
-      <ion-icon name="flash"></ion-icon>
-      <ion-label>Tab One</ion-label>
+      <ion-icon name="home"></ion-icon>
+      <ion-label>Home</ion-label>
     </ion-tab-button>
 
     <ion-tab-button tab="tab2">
-      <ion-icon name="images"></ion-icon>
-      <ion-label>Gallery</ion-label>
+      <ion-icon name="keypad"></ion-icon>
+      <ion-label>Contents</ion-label>
     </ion-tab-button>
 
     <ion-tab-button tab="tab3">
-      <ion-icon name="send"></ion-icon>
-      <ion-label>Tab Three</ion-label>
+      <ion-icon name="cog"></ion-icon>
+      <ion-label>Settings</ion-label>
     </ion-tab-button>
   </ion-tab-bar>