diff --git a/src/app/help-line/help-line.page.html b/src/app/help-line/help-line.page.html index fade6f311a80810915a5732ad884f52f41509ba7..64bdbf7d67da62edc470d0ec53aa23001b1e92b5 100644 --- a/src/app/help-line/help-line.page.html +++ b/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 diff --git a/src/app/help-line/help-line.page.scss b/src/app/help-line/help-line.page.scss index 11b44ef34d38ebaaaf3d2b1b3c331ddd30cb411e..94f1aa687041ecf6c9d7d2171b9ac5b1521960a1 100644 --- a/src/app/help-line/help-line.page.scss +++ b/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%); + } diff --git a/src/assets/images/Questions.png b/src/assets/images/Questions.png new file mode 100644 index 0000000000000000000000000000000000000000..f71294b2502734281caeb6187f08f7adfd726f73 Binary files /dev/null and b/src/assets/images/Questions.png differ