nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-04-09 23:52:57 +02:00
Code Issues Projects Releases Packages1 Wiki Activity

adjust bag, checkout and product page

Browse source
This commit is contained in:
dshrat 2021-09-23 12:26:04 +07:00
parent d6e4c87f25
commit 9e14879ec4
3 changed files with 25 additions and 25 deletions

34
bag.html
View file

@ -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"

12
checkout.html
View file

@ -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">&times;</span>

4
product.html
View file

@ -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">&times;</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>