nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-11-23 06:46:33 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

bag.html - Changed Button on Order Summary Card and improved looks

Browse source
This commit is contained in:
Matthew Patrick 2021-09-23 14:42:09 +07:00
parent 44c14c9024
commit 588b303fc4
1 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
bag.html
View file

@ -17,6 +17,17 @@
*{ *{
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
} }
.btn-checkout {
width: 100%;
background-color: darkred;
border-color: darkred;
border-radius: 100px;
}
.btn-checkout:hover {
background-color: red;
border-color: red;
}
.bg-color { .bg-color {
background-color: #1b1c1e; background-color: #1b1c1e;
} }
@ -29,11 +40,6 @@
border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
} }
.button {
color: white;
background-color: green;
margin-top: 15px;
}
.container input { .container input {
justify-content: left; justify-content: left;
@ -182,6 +188,7 @@
<div class="row" style="border-bottom: 1px solid white;"> <div class="row" style="border-bottom: 1px solid white;">
<div class="col-lg-12"> <div class="col-lg-12">
<h3 style="text-align: center;"><b>Order Summary</b></h3> <h3 style="text-align: center;"><b>Order Summary</b></h3>
<br style="display: block;content: ' '; margin: 1.5vw 0; line-height: 1.5vw;">
</div> </div>
</div> </div>
<div class="row justify-content-between"> <div class="row justify-content-between">
@ -196,9 +203,8 @@
<p>Estimate</p> <p>Estimate</p>
<p>1.999.999,00</p> <p>1.999.999,00</p>
</div> </div>
<a href="checkout.html"> <br style="display: block;content: ' '; margin: 1vw 0; line-height: 1vw;">
<button class="button" style="width: 100%;">Checkout</button> <a class="btn btn-primary btn-checkout" type="submit" href="checkout.html">Checkout</a>
</a>
</div> </div>
</div> </div>
</div> </div>