Updated view of Help page

src/app/help-line/help-line.page.html

@@ -11,30 +11,37 @@
   </ion-header>
 
   <ion-content>
-    <div >
+    <div class="container">
+      <div><img src="../../../assets/images/Questions.png"></div>
       <div class="help-container">
         <ion-grid>
           <ion-row>
             <ion-col>
-              Contact Person:
+              <ion-icon name="contact"></ion-icon>  Contact Person:
             </ion-col>
             <ion-col>
               Priyanaka Upadhye
             </ion-col>
+          </ion-row>
+          <ion-row>
+
+
+
           </ion-row>
           <ion-row>
             <ion-col>
-              Contact Email:
+              <ion-icon name="Mail"></ion-icon> Contact Email:
             </ion-col>
             <ion-col>
-              priya.upadhye@gmail.com
+              Admin@mail.com
             </ion-col>
           </ion-row>
 
           <ion-row>
             <ion-col>
-              Contact Number:
+              <ion-icon name="call"></ion-icon> Contact Number:
             </ion-col>
+
             <ion-col>
               +4917665211145
             </ion-col>
@@ -42,5 +49,10 @@
           </ion-row>
         </ion-grid>
       </div>
+
+    
     </div >
-  </ion-content>
\ No newline at end of file
+  </ion-content>
+  <ion-footer>
+    <ion-button expand="block" (click)="CallHelpLine()">Help</ion-button>
+</ion-footer>
\ No newline at end of file

src/app/help-line/help-line.page.scss

@@ -7,8 +7,14 @@
     box-sizing: border-box;
     float: left;
       width: 100%;
-      height: 80%;
+      height: 20%;
       clear: both;
+      margin: 0;
+    position: absolute;
+    top: 80%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
       
     div {
       height: inherit;
@@ -17,3 +23,16 @@
     }
     
 }
+.container {
+    height: 100%;
+    position: relative;
+   
+  }
+.center {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+  }