|
|
|
|
@ -17,6 +17,7 @@
|
|
|
|
|
<div class="header"></div>
|
|
|
|
|
<div class="bottom"></div>
|
|
|
|
|
<div class="md-stepper-horizontal ">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col size="4"> <div class="md-step active " [ngClass]="step >1 ? 'green' : 'orange'">
|
|
|
|
|
<div class="md-step-circle"><span style="content: url(/assets/imgs/check-white.svg)"></span></div>
|
|
|
|
|
<div class="md-step-title">{{ts.trPK('itemforsale','select-category')}}</div>
|
|
|
|
|
@ -25,6 +26,7 @@
|
|
|
|
|
<!-- <div class="md-step-bar-right" [ngClass]="step ==1 ? 'orange-border' : 'green-border'"></div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col size="4"> <div class="md-step" [ngClass]="step >2 ? 'green' : step ==2 ? 'orange' : 'grey'">
|
|
|
|
|
<div class="md-step-circle"><span *ngIf="step==1" style="content: url(/assets/imgs/check.svg)"></span>
|
|
|
|
|
<span *ngIf="step>2 || step==2" style="content: url(/assets/imgs/check-white.svg)">
|
|
|
|
|
@ -44,6 +46,7 @@
|
|
|
|
|
<div class="md-step-bar-left"></div>
|
|
|
|
|
|
|
|
|
|
</div></ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
|
|
|
|
@ -77,7 +80,7 @@
|
|
|
|
|
<ion-col size="4">
|
|
|
|
|
<div class="sale-icon">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<img src="/assets/imgs/itemsforsale/electronic appliances.svg">
|
|
|
|
|
<img src="/assets/imgs/itemsforsale/electronic_appliances.svg">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom-icon">
|
|
|
|
|
<p>Electronic Applicance</p>
|
|
|
|
|
@ -183,7 +186,7 @@
|
|
|
|
|
<div class="image-container">
|
|
|
|
|
<div class="uploaded">
|
|
|
|
|
<div class="closed">X</div>
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion .svg" />
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion.svg" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
@ -192,7 +195,7 @@
|
|
|
|
|
<div class="image-container">
|
|
|
|
|
<div class="uploaded">
|
|
|
|
|
<div class="closed">X</div>
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion .svg" />
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion.svg" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
@ -229,15 +232,15 @@
|
|
|
|
|
<div class="description-details">
|
|
|
|
|
<p class="orange">Used</p>
|
|
|
|
|
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion .svg" />
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion .svg" />
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion.svg" />
|
|
|
|
|
<img src="assets/imgs/itemsforsale/fashion.svg" />
|
|
|
|
|
<div class="selling">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<strong>Selling for </strong> <h2>500 SAR</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="waring">
|
|
|
|
|
<img src="/assets/imgs/itemsforsale/alert.svg"> This ad will be valid for 2 week after approval
|
|
|
|
|
<img src="/assets/imgs/itemsforsale/alert.svg"> <label>This ad will be valid for 2 week after approval</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|