|
|
|
|
<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','offersdiscount')}}</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="header"></div>
|
|
|
|
|
<div class="bottom"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sales-items" *ngIf="segment =='1'">
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-col size="12">
|
|
|
|
|
<ion-item lines="none" class="SearchtextBox">
|
|
|
|
|
<ion-input [placeholder]="'itemforsale,search-items'| translate"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col size="10">
|
|
|
|
|
<p class="filterText"> {{ts.trPK('itemforsale','browse-categories')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<img src="assets/imgs/itemsforsale/filter.svg">
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|
|
|
|
|
<div class="container-icon">
|
|
|
|
|
<div class="box-icon">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<ion-icon name="images"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Mobile & Tablets</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-icon">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<ion-icon name="images"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Mobile & Tablets</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-icon">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<ion-icon name="images"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Mobile & Tablets</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-icon">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<ion-icon name="images"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Mobile & Tablets</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box-icon">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<ion-icon name="images"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Mobile & Tablets</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col size="6" (click)="openDetails()">
|
|
|
|
|
<ion-card>
|
|
|
|
|
<ion-card-header>
|
|
|
|
|
<img src="assets/imgs/itemsforsale/furniture.svg" />
|
|
|
|
|
|
|
|
|
|
<ion-card-title>Card Title</ion-card-title>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
Keep close to Nature's heart... and break
|
|
|
|
|
<strong class="dark">
|
|
|
|
|
15% Off + Free Delivery
|
|
|
|
|
</strong>
|
|
|
|
|
<ion-row class="green">
|
|
|
|
|
<ion-col size="10">
|
|
|
|
|
Offer Valid
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<ion-icon name="arrow-round-forward"></ion-icon>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="6" (click)="openDetails()">
|
|
|
|
|
<ion-card>
|
|
|
|
|
<ion-card-header>
|
|
|
|
|
<img src="assets/imgs/itemsforsale/furniture.svg" />
|
|
|
|
|
|
|
|
|
|
<ion-card-title>Card Title</ion-card-title>
|
|
|
|
|
</ion-card-header>
|
|
|
|
|
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
Keep close to Nature's heart... and break
|
|
|
|
|
<strong class="dark">
|
|
|
|
|
15% Off + Free Delivery
|
|
|
|
|
</strong>
|
|
|
|
|
<ion-row class="green">
|
|
|
|
|
<ion-col size="10">
|
|
|
|
|
Offer Valid
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<ion-icon name="arrow-round-forward"></ion-icon>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|