1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-04-17 11:04:29 +02:00

checkout.html - Changed and Improved looks and feel. also changed the buttons

This commit is contained in:
Matthew Patrick 2021-09-24 13:44:20 +07:00
parent 7f8edd4270
commit a27cf37174

View file

@ -63,11 +63,6 @@
margin-right: 48px;
}
.button {
color: white;
background-color: green;
margin-top: 15px;
}
.full-body {
display: flex;
@ -239,6 +234,17 @@
width: 184px;
}
}
.btn-pay {
width: 100%;
background-color: darkred;
border-color: darkred;
border-radius: 100px;
}
.btn-pay:hover {
background-color: red;
border-color: red;
}
</style>
</head>
@ -273,6 +279,8 @@
</div>
</nav>
<br>
<br>
<div class="full-body justify-content-center">
<div class="body-left">
@ -452,15 +460,13 @@
</div>
</form>
<div style="display: flex; color: black;">
<button class="button" id="myBtn" style="width: 100%;">Pay</button>
<a class="btn btn-primary btn-pay" id="myBtn">Pay</a>
<div class="modal" id="myModal">
<div class="modal-content">
<span class="close">&times;</span>
<div class="konten">
<h4><b>YOUR ORDER SUCCESSFULLY</b></h4>
<a href="payment.html">
<button class="button" style="background-color: yellow; color: black;">How to Pay</button>
</a>
<h4><b>Your Order has been successfully added !!</b></h4>
<a href="payment.html" class="btn btn-primary btn-pay">How to Pay</a>
</div>
</div>
</div>