changed class name in home,ts/home.scss from head to title

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 = MainMenuPage;
+  rootPage:any = HomePage;
 
   constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
     platform.ready().then(() => {

frontEnd/src/pages/home/home.html

@@ -1,5 +1,5 @@
 <ion-content text-center padding class="bg-image">
-  <div class="head" text-center>
+  <div class="title" text-center>
     <h1>Happy Trails</h1>
   </div>
   <div class="inputs">

frontEnd/src/pages/home/home.scss

@@ -6,7 +6,7 @@ page-home {
         background-position: center;
         background-size: cover;
     }
-    .head {
+    .title {
         position: absolute;
         display: block;
         top: 22%;
@@ -18,7 +18,7 @@ page-home {
         -webkit-background-clip: text;
         color: transparent;
     }
-    .head h1 {
+    .title h1 {
         font-size: 7vh !important;
         font-weight: lighter !important;
         font-family: 'Permanent Marker', cursive;