added create account

src/app/app.module.ts

@@ -8,6 +8,8 @@ import { ContactPage } from '../pages/contact/contact';
 import { HomePage } from '../pages/home/home';
 import { TopicPage } from '../pages/topic/topic';
 import { CreateTopicPage } from '../pages/create-topic/create-topic';
+import { CreateAccountPage } from '../pages/create-account/create-account';
+import { InboxPage } from '../pages/inbox/inbox';
 import { TabsPage } from '../pages/tabs/tabs';
 
 import { StatusBar } from '@ionic-native/status-bar';
@@ -21,6 +23,8 @@ import { SplashScreen } from '@ionic-native/splash-screen';
     HomePage,
     TopicPage,
     CreateTopicPage,
+    CreateAccountPage,
+    InboxPage,
     TabsPage
   ],
   imports: [
@@ -35,6 +39,8 @@ import { SplashScreen } from '@ionic-native/splash-screen';
     HomePage,
     TopicPage,
     CreateTopicPage,
+    CreateAccountPage,
+    InboxPage,
     TabsPage
   ],
   providers: [

src/pages/create-account/create-account.html

@@ -0,0 +1,30 @@
+<!--
+  Generated template for the CreateAccountPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>createAccount</ion-title>
+  </ion-navbar>
+
+</ion-header>
+<ion-content padding="true" class="has-header">
+    <form id="createAnAccount-form3" class="list">
+      <ion-list id="createAnAccount-list1">
+        <label class="item item-input" id="createAnAccount-input5">
+          <input type="text" placeholder="Name">
+        </label>
+        <label class="item item-input" id="createAnAccount-input6">
+          <input type="email" placeholder="Email">
+        </label>
+        <label class="item item-input" id="createAnAccount-input7">
+          <input type="text" placeholder="Password">
+        </label>
+      </ion-list>
+      <button id="createAnAccount-button3" class="button button-dark button-block">Sign up</button>
+    </form>
+
+</ion-content>

src/pages/create-account/create-account.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { CreateAccountPage } from './create-account';
+
+@NgModule({
+  declarations: [
+    CreateAccountPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(CreateAccountPage),
+  ],
+})
+export class CreateAccountPageModule {}

src/pages/create-account/create-account.scss

@@ -0,0 +1,3 @@
+page-create-account {
+
+}

src/pages/create-account/create-account.ts

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { HomePage } from './../home/home';
+
+/**
+ * Generated class for the CreateAccountPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-create-account',
+  templateUrl: 'create-account.html',
+})
+export class CreateAccountPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad CreateAccountPage');
+  }
+
+  createAccount(){
+    this.navCtrl.push(HomePage);
+  }
+
+}

src/pages/create-topic/create-topic.html

@@ -7,7 +7,7 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>createTopic</ion-title>
+    <ion-title>Create a topic</ion-title>
   </ion-navbar>
 
 </ion-header>
@@ -25,5 +25,5 @@
     <label class="item item-input" id="createATopic-textarea4" name="Advice and Strategies">
       <span class="input-label"></span><textarea placeholder="Advice and Strategies"></textarea></label>
   </form>
-  <a ui-sref="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a>
+  <!-- <a (click)="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a> -->
 </ion-content>

src/pages/create-topic/create-topic.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { TopicPage } from './../topic/topic';
 
 /**
  * Generated class for the CreateTopicPage page.
@@ -22,4 +23,8 @@ export class CreateTopicPage {
     console.log('ionViewDidLoad CreateTopicPage');
   }
 
+  topic(){
+    this.navCtrl.push(TopicPage);
+  }
+
 }

src/pages/inbox/inbox.html

@@ -7,12 +7,33 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>inbox</ion-title>
+    <ion-title>Inbox</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
-<ion-content padding>
-
+<ion-content padding="true" class="has-header">
+  <ion-list id="inbox-list4">
+    <ion-item id="inbox-list-item16">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+    <ion-item id="inbox-list-item17">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+    <ion-item id="inbox-list-item18">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+  </ion-list>
+  <ion-list id="inbox-list5">
+    <ion-item id="inbox-list-item19">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+    <ion-item id="inbox-list-item20">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+    <ion-item id="inbox-list-item21">Username
+      <span class="item-note">Message body</span>
+    </ion-item>
+  </ion-list>
 </ion-content>

src/pages/inbox/inbox.ts

@@ -22,4 +22,7 @@ export class InboxPage {
     console.log('ionViewDidLoad InboxPage');
   }
 
+  inbox(){
+
+  }
 }