update: minor fixes and changes
This commit is contained in:
@@ -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
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user