Added buttons to main menu, linked map button to map

frontEnd/src/app/app.component.ts

@@ -11,7 +11,7 @@ import { MainMenuPage } from '../pages/main-menu/main-menu';
   templateUrl: 'app.html'
 })
 export class MyApp {
-  rootPage:any = HomePage;
+  rootPage:any = MainMenuPage;
 
   constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
     platform.ready().then(() => {

frontEnd/src/pages/home/home.html

@@ -17,7 +17,7 @@
     </button>
 
     <p>Forgot Username/Password?
-      <b>Tap here!</b>
+      <b>Too bad!</b>
     </p>
 
   </div>

frontEnd/src/pages/main-menu/main-menu.html

@@ -1,18 +1,69 @@
-<!--
-  Generated template for the MainMenuPage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
 <ion-header>
 
   <ion-navbar>
-    <ion-title>mainMenu</ion-title>
+    <ion-title>Main Menu</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
-<ion-content padding>
-
-</ion-content>
+<ion-content>
+  <ion-grid class="mainMenuButtons">
+    <ion-row>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="bicycle">
+            <br>Trails</ion-icon>
+        </button>
+      </ion-col>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="paper">
+            <br>News</ion-icon>
+        </button>
+      </ion-col>
+    </ion-row>
+    <ion-row>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="build">
+            <br>Repairs</ion-icon>
+        </button>
+      </ion-col>
+      <ion-col col-6 text-center>
+        <button ion-button (click)="goToMap()">
+          <ion-icon name="map">
+            <br>Map</ion-icon>
+        </button>
+      </ion-col>
+    </ion-row>
+    <ion-row>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="sunny">
+            <br>Weather</ion-icon>
+        </button>
+      </ion-col>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="book">
+            <br>Laws</ion-icon>
+        </button>
+      </ion-col>
+    </ion-row>
+    <ion-row>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="settings">
+            <br>Settings</ion-icon>
+        </button>
+      </ion-col>
+      <ion-col col-6 text-center>
+        <button ion-button>
+          <ion-icon name="information-circle">
+            <br>About</ion-icon>
+        </button>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</ion-content>

frontEnd/src/pages/main-menu/main-menu.ts

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