You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemmionic5/Mohem/src/app/authentication/business-card/business-card.component.html

111 lines
3.2 KiB
HTML

4 years ago
<ion-content dir="ltr" *ngIf="userInfo.company_type == 'CS'">
<ion-grid class="card-size">
<ion-row>
4 years ago
<ion-col size='6'>
<img class="logo-img-style" [src]='userInfo.company_logo' alt="https://hmgwebservices.com/images/Moheem/CS.jpg"/>
</ion-col>
4 years ago
<ion-col size='6'>
<img class="qr-style" [src]="userInfo.qr"/>
</ion-col>
4 years ago
</ion-row>
<ion-row>
<ion-col size='12'>
4 years ago
<ion-label>
<h1 class='font-text-style' style="font-size: 20px !important; width: 200%;">{{userInfo.name_en}}</h1>
4 years ago
</ion-label>
</ion-col>
<!-- <ion-col size='6'>
4 years ago
<ion-label>
<h1 class='font-text-style name-ar-style'>{{userInfo.name_ar}}</h1>
4 years ago
</ion-label>
</ion-col> -->
</ion-row>
<ion-row>
<ion-col>
4 years ago
<ion-label>
<h5 class='font-text-style'>{{userInfo.job_en}}</h5>
</ion-label>
</ion-col>
<ion-col>
<ion-label>
<h5 class='font-text-style' style="position: relative; left: 398px; text-align: end;">{{userInfo.ar}}</h5>
</ion-label>
</ion-col>
</ion-row>
<ion-row>
4 years ago
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.mobile}}</h5>
</ion-label>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.email}}</h5>
</ion-label>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.company_url}}</h5>
</ion-label>
</ion-col>
</ion-row>
</ion-grid>
4 years ago
</ion-content>
4 years ago
<!-- <ion-footer>
<div class="centerDiv" style="margin-top: 20px !important;">
<ion-button class="button-login" (click)="dismiss()"><b>{{ts.trPK('general','close')}}</b></ion-button>
</div>
</ion-footer> -->
4 years ago
<ion-content dir="ltr" *ngIf="userInfo.company_type != 'CS'">
<ion-grid class="cs-card-size">
<ion-row>
4 years ago
<ion-col style="padding-left: 315px;">
<img class="logo-img-hmg-style" [alt]='userInfo.company_logo' src="../assets/icon/HMG_LOGO.png"/>
</ion-col>
</ion-row>
4 years ago
<ion-row>
<ion-col>
<img class="qr-img-hmg-style" [src]="userInfo.qr"/>
4 years ago
</ion-col>
<ion-col>
<ion-label>
<h1 class='font-text-style' style="font-size: 25px !important; width: 400px;">{{userInfo.name_en}}</h1>
</ion-label>
</ion-col>
</ion-row>
<ion-row class="name-div">
4 years ago
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.job_en}}</h5>
</ion-label>
</ion-col>
</ion-row>
4 years ago
<ion-row>
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.mobile}}</h5>
</ion-label>
</ion-col>
</ion-row>
<ion-row>
4 years ago
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.email}}</h5>
</ion-label>
</ion-col>
</ion-row>
<ion-row>
4 years ago
<ion-col>
<ion-label>
<h5 class='font-text-style'>{{userInfo.company_url}}</h5>
</ion-label>
</ion-col>
</ion-row>
</ion-grid>
4 years ago
</ion-content>