commonVitaminpage

Vitamin/src/pages/common-vitamins/common-vitamins.html

@@ -1,18 +1,13 @@
-<!--
-  Generated template for the CommonVitaminsPage page.
 
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
   <ion-navbar>
-    <ion-title>commonVitamins</ion-title>
+    <ion-title>Vitamins</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
-<ion-content padding>
+<ion-content text-center class = "login">
 
 </ion-content>

Vitamin/src/pages/common-vitamins/common-vitamins.scss

@@ -1,3 +1,19 @@
 page-common-vitamins {
 
+
+    .login {
+        background: url("../assets/imgs/background.jpg");
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: cover;
+    }
+
+
+
+
+    .scroll-content {
+        overflow: hidden;
+    }
+
+
 }

Vitamin/src/pages/home/home.html

@@ -53,7 +53,7 @@
 
 
 
-  <button ion-button color="danger" round type="submit">Login</button>
+  <button ion-button color="danger" (click)="commonVitaminPage()" round>Login</button>
   <br>
 
   <button ion-button color="danger" (click)="registerPage()" round>Sign Up</button>

Vitamin/src/pages/home/home.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
 import { RegisterPage } from '../register/register';
+import { CommonVitaminsPage } from '../common-vitamins/common-vitamins';
 
 @Component({
   selector: 'page-home',
@@ -13,8 +14,9 @@ export class HomePage {
   }
 
 
-
-
+commonVitaminPage() {
+  this.navCtrl.push(CommonVitaminsPage);
+}
 
 
   registerPage() {