add price policy
This commit is contained in:
@@ -8,6 +8,20 @@
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
</head>
|
||||
<style>
|
||||
.quantity-label {
|
||||
font-size: 12px;
|
||||
color: var(--text-muted);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.conversion-text {
|
||||
font-size: 11px;
|
||||
color: var(--text-muted);
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<!-- Header -->
|
||||
@@ -51,13 +65,14 @@
|
||||
</button>
|
||||
<span class="text-small text-muted" style="margin-left: 8px;">m²</span>
|
||||
</div>
|
||||
<div class="text-small text-muted">(Quy đổi: <strong>28 viên</strong> / <strong>10.08 m²</strong>)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cart-item">
|
||||
<img src="https://images.unsplash.com/photo-1565193566173-7a0ee3dbe261?w=80&h=80&fit=crop" alt="Product" class="cart-item-image">
|
||||
<div class="cart-item-info">
|
||||
<div class="cart-item-name">Gạch granite nhập khẩu</div>
|
||||
<div class="cart-item-name">Gạch granite nhập khẩu 1200x1200</div>
|
||||
<div class="text-small text-muted">Mã: ET-GR8080</div>
|
||||
<div class="cart-item-price">680.000đ/m²</div>
|
||||
<div class="quantity-control">
|
||||
@@ -70,13 +85,14 @@
|
||||
</button>
|
||||
<span class="text-small text-muted" style="margin-left: 8px;">m²</span>
|
||||
</div>
|
||||
<div class="text-small text-muted">(Quy đổi: <strong>11 viên</strong> / <strong>15.84 m²</strong>)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cart-item">
|
||||
<img src="https://images.unsplash.com/photo-1600607687644-aac4c3eac7f4?w=80&h=80&fit=crop" alt="Product" class="cart-item-image">
|
||||
<div class="cart-item-info">
|
||||
<div class="cart-item-name">Gạch mosaic trang trí</div>
|
||||
<div class="cart-item-name">Gạch mosaic trang trí 750x1500</div>
|
||||
<div class="text-small text-muted">Mã: ET-MS3030</div>
|
||||
<div class="cart-item-price">320.000đ/m²</div>
|
||||
<div class="quantity-control">
|
||||
@@ -89,6 +105,7 @@
|
||||
</button>
|
||||
<span class="text-small text-muted" style="margin-left: 8px;">m²</span>
|
||||
</div>
|
||||
<div class="text-small text-muted">(Quy đổi: <strong>5 viên</strong> / <strong>5.625 m²</strong>)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -111,11 +128,11 @@
|
||||
<h3 class="card-title">Thông tin đơn hàng</h3>
|
||||
<div class="d-flex justify-between mb-2">
|
||||
<span>Tạm tính (30 m²)</span>
|
||||
<span>16.700.000đ</span>
|
||||
<span>17.107.200đ</span>
|
||||
</div>
|
||||
<div class="d-flex justify-between mb-2">
|
||||
<span>Giảm giá Diamond (-15%)</span>
|
||||
<span class="text-success">-2.505.000đ</span>
|
||||
<span class="text-success">-2.566.000đ</span>
|
||||
</div>
|
||||
<div class="d-flex justify-between mb-2">
|
||||
<span>Phí vận chuyển</span>
|
||||
@@ -124,7 +141,7 @@
|
||||
<div style="border-top: 1px solid var(--border-color); padding-top: 12px; margin-top: 12px;">
|
||||
<div class="d-flex justify-between">
|
||||
<span class="text-bold" style="font-size: 16px;">Tổng cộng</span>
|
||||
<span class="text-bold text-primary" style="font-size: 18px;">14.195.000đ</span>
|
||||
<span class="text-bold text-primary" style="font-size: 18px;">14.541.120đ</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user