diff options
| author | Anatasof Wirapraja <anata@darapsa.co.id> | 2021-07-05 15:16:20 +0700 |
|---|---|---|
| committer | Anatasof Wirapraja <anata@darapsa.co.id> | 2021-07-05 15:16:20 +0700 |
| commit | e98b9161eb0999ebf3ef7a3291d4a9f075d578b0 (patch) | |
| tree | 3681d59a8a7719e02e9ba68d4f8a08ac9bdeb906 /pages/ord | |
| parent | a00d68772af8aef436d79fba5cc1856fe06b0045 (diff) | |
add block-header to all section header
Diffstat (limited to 'pages/ord')
| -rw-r--r-- | pages/ord/checkout.html | 62 |
1 files changed, 38 insertions, 24 deletions
diff --git a/pages/ord/checkout.html b/pages/ord/checkout.html index 5d38156..963ccf5 100644 --- a/pages/ord/checkout.html +++ b/pages/ord/checkout.html @@ -24,9 +24,9 @@ <input type="hidden" name="mv_action" value="refresh"/> <div class="block"> <div class="block-header"> - <h4 class="d-flex justify-content-between align-items-center mb-3">[L]Order review[/L]</h4> + <h4 class="d-flex justify-content-between align-items-center">[L]Order review[/L]</h4> </div> - <ul class="list-group mb-3"> + <ul class="list-group my-3"> <!-- Product Item --> [if items][then][item-list][item-calc] #Log("Checking master item $master"); @@ -66,7 +66,9 @@ </div> <!-- Shipping Address --> <div> - <h4 class="mb-3">Shipping</h4> + <div class="block-header"> + <h4 class="d-flex justify-content-between align-items-center">Shipping</h4> + </div> [include include/checkout/shipping_address] </div> <!-- End of Shipping Address --> @@ -75,17 +77,23 @@ <!-- End of Billing Address --> <!-- Delivery Method --> <div> - <h4>Delivery method</h4> + <div class="block-header"> + <h4 class="d-flex justify-content-between align-items-center">Delivery method</h4> + </div> <!-- Delivery option--> - <div class="row"> - <div class="form-group col-md-6 d-flex align-items-center"> - <input type="radio" name="mv_shipmode" id="option0" value="cpa" checked/> - <label class="ml-3" for="option0"> - <strong class="d-block text-uppercase mb-2">[shipping-desc]</strong> - <span class="text-muted text-sm"> - [L]Get it right on next day - fastest option possible.[/L] - </span> - </label> + <div class="block my-5"> + <div class="block-body"> + <div class="row"> + <div class="form-group col-md-6 d-flex align-items-center"> + <input type="radio" name="mv_shipmode" id="option0" value="cpa" checked/> + <label class="ml-3" for="option0"> + <strong class="d-block text-uppercase mb-2">[shipping-desc]</strong> + <span class="text-muted text-sm"> + [L]Get it right on next day - fastest option possible.[/L] + </span> + </label> + </div> + </div> </div> </div> <!-- End of delivery option --> @@ -93,23 +101,29 @@ <!-- End of Delivery Method --> <!-- Payment Method --> <div> - <h4 class="mb-3">Payment method</h4> - <!-- Payment Option--> - <div class="row"> - <div class="form-group col-md-6 d-flex align-items-center"> - <input type="radio" name="mv_order_profile" value="purchase_order" id="payment-method-1" checked/> - <label class="ml-3" for="payment-method-1"> - <strong class="d-block text-uppercase mb-2">[L]Manual Transfer[/L]</strong> - <span class="text-muted text-sm">[L]Please make payments by using the bank transfer method to BCA 12345678 a/n ABCDEFG.[/L]</span> - </label> + <div class="block-header"> + <h4 class="d-flex justify-content-between align-items-center">Payment method</h4> + </div> + <div class="block-body"> + <!-- Payment Option--> + <div class="row"> + <div class="form-group col-md-6 d-flex align-items-center"> + <input type="radio" name="mv_order_profile" value="purchase_order" id="payment-method-1" checked/> + <label class="ml-3" for="payment-method-1"> + <strong class="d-block text-uppercase mb-2">[L]Manual Transfer[/L]</strong> + <span class="text-muted text-sm">[L]Please make payments by using the bank transfer method to BCA 12345678 a/n ABCDEFG.[/L]</span> + </label> + </div> </div> + <!-- /Payment Option--> </div> - <!-- /Payment Option--> </div> <!-- End of Payment Method --> <!-- Order summary --> <div> - <h4 class="mb-3">Order Summary</h4> + <div class="block-header"> + <h4 class="d-flex justify-content-between align-items-center">Order Summary</h4> + </div> <div> <p class="text-sm">Shipping and additional costs are calculated based on values you have entered.</p> <ul class="order-summary mb-0 list-unstyled"> |