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.
sfh-mohemm/Mohem/src/app/itemforsale/item-details/item-details.component.html

61 lines
1.7 KiB
HTML

<ion-content>
<div class="head-title">
<ion-toolbar class="header-toolbar">
<ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
</ion-buttons>
<ion-title color="light" >{{ts.trPK('itemforsale','title')}}</ion-title>
</ion-toolbar>
</div>
<div class="header"></div>
<div class="bottom"></div>
<div>
<ion-card>
<ion-card-header>
<img src="assets/imgs/itemsforsale/furniture.svg" />
<ion-card-title>Furniture Table</ion-card-title>
</ion-card-header>
<ion-card-content>
Keep close to Nature's heart... and break clear away, once in awhile,
and climb a mountain or spend a week in the woods. Wash your spirit clean.
<div class="content-bottom">
<p class="green">New</p>
<h1>500 SAR</h1>
</div>
<ion-item-divider>
</ion-item-divider>
<div class="profile">
<ion-item lines="none" >
<ion-avatar slot="start">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-avatar>
<ion-label>
<h2>Aslam Khan</h2>
<p>Published on 22 April 2020</p>
<p><a href="">View Profile</a></p>
</ion-label>
</ion-item>
</div>
</ion-card-content>
</ion-card>
</div>
<ion-footer >
<div class="centerDiv details-button" >
<ion-button class="footer-button" ion-button>
{{ts.trPK('sms','title')}} </ion-button>
<ion-button class="footer-button" ion-button>
{{ts.trPK('vacation-rule','call')}} </ion-button>
</div>
</ion-footer>
</ion-content>