update: minor fixes and changes

This commit is contained in:
Azmat Ali
2026-03-09 15:22:14 +05:30
parent e186d4f930
commit ea0835b564
2 changed files with 23 additions and 18 deletions
+6 -5
View File
@@ -56,7 +56,7 @@
href="index.html" href="index.html"
class="btn-primary" class="btn-primary"
style="display: inline-flex; text-decoration: none"> style="display: inline-flex; text-decoration: none">
Start Shopping Start Shopping →
</a> </a>
</div> </div>
</div> </div>
@@ -103,10 +103,11 @@
flex-direction: column; flex-direction: column;
gap: var(--space-3); gap: var(--space-3);
"> ">
<a href="checkout.html" class="btn-checkout" id="checkout-btn"> <button class="btn-primary btn-checkout" id="btn-checkout">
Proceed to Checkout <span class="btn-text">Proceed to Checkout →</span>
</a> <span class="btn-spinner"></span>
<a href="index.html" class="btn-continue">Continue Shopping</a> </button>
<a href="index.html" class="btn-continue">← Continue Shopping</a>
<button class="btn-clear" onclick="clearCart()"> <button class="btn-clear" onclick="clearCart()">
🗑 Clear entire cart 🗑 Clear entire cart
</button> </button>
+17 -13
View File
@@ -35,50 +35,54 @@
<form id="checkout-form" class="checkout-form"> <form id="checkout-form" class="checkout-form">
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<label for="firstName">First Name <span>*</span></label> <label for="first_name">First Name <span>*</span></label>
<input type="text" id="firstName" required /> <input type="text" id="first_name" name="first_name" required />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="lastName">Last Name <span>*</span></label> <label for="last_name">Last Name <span>*</span></label>
<input type="text" id="lastName" required /> <input type="text" id="last_name" name="last_name" required />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="email">Email Address </label> <label for="email">Email Address </label>
<input type="email" id="email" /> <input type="email" id="email" name="email" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="phone">Phone <span>*</span></label> <label for="phone">Phone <span>*</span></label>
<input type="tel" id="phone" required /> <input type="tel" id="phone" name="phone" required />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="address">Street Address <span>*</span></label> <label for="address">Street Address <span>*</span></label>
<input type="text" id="address" required /> <input type="text" id="address" name="address" required />
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<label for="city">City <span>*</span></label> <label for="city">City <span>*</span></label>
<input type="text" id="city" required /> <input type="text" id="city" name="city" required />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="state">State <span>*</span></label> <label for="state">State <span>*</span></label>
<input type="text" id="state" required /> <input type="text" id="state" name="state" required />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="postal">Postal Code <span>*</span></label> <label for="post_code">Postal Code <span>*</span></label>
<input type="text" id="postal" required /> <input type="text" id="post_code" name="post_code" required />
</div> </div>
<button type="submit" class="btn-primary checkout-continue"> <button
Continue to Payment type="submit"
id="btn-order"
class="btn-primary checkout-continue">
<span class="btn-text">Continue to Payment →</span>
<span class="btn-spinner"></span>
</button> </button>
</form> </form>
</div> </div>