From 9e14879ec4c36371c1820b11632ef874b11e6c47 Mon Sep 17 00:00:00 2001
From: dshrat <dshrat29@gmail.com>
Date: Thu, 23 Sep 2021 12:26:04 +0700
Subject: [PATCH] adjust bag, checkout and product page
---
bag.html | 34 +++++++++++++++++++---------------
checkout.html | 12 ++++--------
product.html | 4 ++--
3 files changed, 25 insertions(+), 25 deletions(-)
diff --git a/bag.html b/bag.html
index bc1e581..0af259a 100644
--- a/bag.html
+++ b/bag.html
@@ -66,6 +66,9 @@
}
.box{
width: 100px;
+ text-align: center;
+ background-color: white;
+ color: black;
}
@media(max-width: 980px){
@@ -129,7 +132,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
@@ -145,7 +148,7 @@
</span>
</div><br>
<p>Rp 1.999.999,00</p>
- <a href=""><u>REMOVE</u></a>
+ <a href=""><i data-feather="trash"></i> <u>REMOVE</u></a></i>
<br><br>
</div>
</div>
@@ -155,7 +158,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
@@ -163,15 +166,15 @@
<p>Qty</p>
<div style="display: flex;">
<span class="input-group-btn">
- <button type="button" class="btn btn-default btn-number" style="color: white;" onclick="minus('inputNum')"><i data-feather="minus-square"></i></button>
+ <button type="button" class="btn btn-default btn-number" style="color: white;" onclick="minus('inputNum1')"><i data-feather="minus-square"></i></button>
</span>
- <input class="box" type="text" disabled="disabled" value="1" class="form-control input-number" id="inputNum" />
+ <input class="box" type="text" disabled="disabled" value="1" class="form-control input-number" id="inputNum1" />
<span class="input-group-btn">
- <button type="button" class="btn btn-default btn-number" style="color: white;" onclick='add("inputNum")'><i data-feather="plus-square"></i></button>
+ <button type="button" class="btn btn-default btn-number" style="color: white;" onclick='add("inputNum1")'><i data-feather="plus-square"></i></button>
</span>
</div><br>
<p>Rp 1.999.999,00</p>
- <a href=""><u>REMOVE</u></a>
+ <a href=""><i data-feather="trash"></i> <u>REMOVE</u></a></i>
<br><br>
</div>
</div>
@@ -181,7 +184,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
@@ -189,15 +192,15 @@
<p>Qty</p>
<div style="display: flex;">
<span class="input-group-btn">
- <button type="button" class="btn btn-default btn-number" style="color: white;" onclick="minus('inputNum')"><i data-feather="minus-square"></i></button>
+ <button type="button" class="btn btn-default btn-number" style="color: white;" onclick="minus('inputNum2')"><i data-feather="minus-square"></i></button>
</span>
- <input class="box" type="text" disabled="disabled" value="1" class="form-control input-number" id="inputNum" />
+ <input class="box" type="text" disabled="disabled" value="1" class="form-control input-number" id="inputNum2" />
<span class="input-group-btn">
- <button type="button" class="btn btn-default btn-number" style="color: white;" onclick='add("inputNum")'><i data-feather="plus-square"></i></button>
+ <button type="button" class="btn btn-default btn-number" style="color: white;" onclick='add("inputNum2")'><i data-feather="plus-square"></i></button>
</span>
</div><br>
<p>Rp 1.999.999,00</p>
- <a href=""><u>REMOVE</u></a>
+ <a href=""><i data-feather="trash"></i> <u>REMOVE</u></a></i>
<br><br>
</div>
</div>
@@ -226,6 +229,9 @@
<p>Estimate</p>
<p>1.999.999,00</p>
</div>
+ <a href="checkout.html">
+ <button class="button" style="width: 100%;">Checkout</button>
+ </a>
</div>
</div>
</div>
@@ -234,9 +240,7 @@
</div>
- <a href="checkout.html" style="margin-left: 48px;">
- <button class="button">Checkout</button>
- </a>
+
</div>
<script crossorigin="anonymous"
diff --git a/checkout.html b/checkout.html
index dad6460..e3104dc 100644
--- a/checkout.html
+++ b/checkout.html
@@ -284,7 +284,6 @@
<thead>
<tr class="titletr">
<th scope="col">Item</th>
- <th scope="col">Qty</th>
<th scope="col">Item Price</th>
<th scope="col">Sub Total</th>
</tr>
@@ -292,40 +291,37 @@
<tbody>
<tr class="titletrdes">
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.webp" width="80px">
+ src="assets/Product_1.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
<p>Qty : 1</p>
</div>
</th>
- <td>1</td>
<td>Rp 1.999.999,00</td>
<td>Rp 1.999.999,00</td>
</tr>
<tr>
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.webp" width="80px">
+ src="assets/Product_1.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
<p>Qty : 1</p>
</div>
</th>
- <td>1</td>
<td>Rp 1.999.999,00</td>
<td>Rp 1.999.999,00</td>
</tr>
<tr>
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.webp" width="80px">
+ src="assets/Product_1.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
<p>Qty : 1</p>
</div>
</th>
- <td>1</td>
<td>Rp 1.999.999,00</td>
<td>Rp 1.999.999,00</td>
</tr>
@@ -460,7 +456,7 @@
</div>
</form>
<div style="display: flex; color: black;">
- <button class="button" id="myBtn">Pay</button>
+ <button class="button" id="myBtn" style="width: 100%;">Pay</button>
<div class="modal" id="myModal">
<div class="modal-content">
<span class="close">×</span>
diff --git a/product.html b/product.html
index 9e16668..66b2a52 100644
--- a/product.html
+++ b/product.html
@@ -241,7 +241,7 @@
<div class="card">
<div class="product">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/Product_1.webp"/>
<div class="description">
<div style="margin-left: 20px;">
<h1 class="titledes">Fashione Shoes White</h1>
@@ -278,7 +278,7 @@
<span class="close">×</span>
<h2 class="titlee"><b>SUCCESSFULLY ADDED TO BAG</b></h2>
<div class="konten">
- <img alt="placeholder image" class="img-fluid" height="200px" src="assets/sepatu.webp"
+ <img alt="placeholder image" class="img-fluid" height="200px" src="assets/Product_1.webp"
width="200px">
<div class="bodymodal" style="padding-left: 20px; padding-right: 20px;">
<h3 class="titlemodal">Fashione Shoes White</h3>