File: /home/imensosw/www/imenso.co/dev/chris/index_1.html
<!DOCTYPE html>
<!-- saved from url=(0029)http://192.168.1.63:8080/jsp/ -->
<html class="gr__192_168_1_63">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="./index_files/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="index_files/icon">
<link rel="stylesheet" href="index_files/displayCheckout.css">
<script lang="text/javascript">
function updatePartial(field) {
document.getElementById(field.id + "Save").style.visibility = "hidden";
}
function enableSave(field) {
document.getElementById(field.id + "Save").style.visibility = "visible";
}
</script>
<meta content="telephone=no" name="format-detection">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Checkout</title>
</head>
<body class="theme_gradient index_2" data-gr-c-s-loaded="true" cz-shortcut-listen="true">
<div class="container">
<div class="col-12 text-center logo-area">
<img src="./index_files/galactic-white.png" class="col logo">
</div>
<div class="col-12">
<div class="mb-4">
<div class="card">
<div class="edit"><a href="#"><img src="index_files/edit.png" /></a></div>
<div class="row">
<div class="col-12">
<h6>Basic Details</h6>
<p>Deasel.com</p>
<p>john Carter</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container theme_white container-area">
<!-- <div class="row">
<div class="col-12 mb-0">
<div class="panel-default fiels">
<label><small>Customer Company</small></label>
<input id="customerCompany" type="text" value="Customer Company" placeholder="Customer Company" class="form-field" oninput="enableSave(customerCompany);">
<i id="customerCompanySave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(customerCompany)">save</i>
</div>
</div>
<div class="col-12 mb-0">
<div class="Customer fiels">
<label><small>Customer Name</small></label>
<input id="customerName" type="text" value="Customer Name" placeholder="Customer Name" class="form-field" oninput="enableSave(customerName);">
<i id="customerNameSave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(customerName)">save</i>
</div>
</div>
</div> -->
<div class="panel-default row">
<div class="col-12 fiels">
<label> <small>Billing Address</small> </label>
<input id="customerAddress" type="text" value="Billing Address" placeholder="Billing Address" class="form-field" oninput="enableSave(customerAddress);">
<i id="customerAddressSave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(customerAddress)">save</i>
</div>
<div class="col-6">
<div class="fiels">
<input id="customerAddressCity" type="text" value="Billing City" placeholder="Billing City" class="form-field" oninput="enableSave(customerAddressCity);">
<i id="customerAddressCitySave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(customerAddressCity)">save</i>
</div>
</div>
<div class="col-6">
<div class="fiels">
<input id="customerAddressPostCode" type="text" value="Billing Post Code" placeholder="Billing Post Code" class="form-field" oninput="enableSave(customerAddressPostCode);">
<i id="customerAddressPostCodeSave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(customerAddressPostCode)">save</i>
</div>
</div>
</div>
<div class="panel-default row">
<div class="col-12 fiels">
<label> <small>Shipping Address</small> </label>
<input id="shippingAddress" type="text" value="Shipping Address" placeholder="Shipping Address" class="form-field" oninput="enableSave(shippingAddress);">
<i id="shippingAddressSave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(shippingAddress)">save</i>
</div>
<div class="col-6">
<div class="fiels">
<input id="shippingAddressCity" type="text" value="Shipping City" placeholder="Shipping City" class="form-field" oninput="enableSave(shippingAddressCity);">
<i id="shippingAddressCitySave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(shippingAddressCity)">save</i>
</div>
</div>
<div class="col-6">
<div class="fiels">
<input id="shippingAddressPostCode" type="text" value="Shipping Post Code" placeholder="Shipping Post Code" class="form-field" oninput="enableSave(shippingAddressPostCode);">
<i id="shippingAddressPostCodeSave" class="material-icons-two-tone save-action" style="visibility: hidden;" onclick="updatePartial(shippingAddressPostCode)">save</i>
</div>
</div>
</div>
<table class="table billing">
<tbody>
<tr class="">
<td class="text-left">5 x SALES PRODUCT TYPE A</td>
<td class="text-right">£ 1,000.00</td>
</tr>
<tr class="">
<td class="text-left">1 x SALES PRODUCT TYPE B</td>
<td class="text-right">£ 100.00</td>
</tr>
<tr class="">
<td colspan="2" class="text-right"><small>- 100%</small></td>
</tr>
<tr class="">
<td colspan="2" class="text-right"><span style="font-weight: bold; color: green">FREE!</span></td>
</tr>
<tr class="">
<td class="text-left">10 x SALES PRODUCT TYPE C</td>
<td class="text-right">£ 500.00</td>
</tr>
<tr class="">
<td colspan="2" class="text-right"><small>- 50%</small></td>
</tr>
<tr class="">
<td colspan="2" class="text-right">£ 250.00</td>
</tr>
<tr class="border-dark">
<td class="text-left">Total Net Amount</td>
<td class="text-right"><strong>£ 1,250.00</strong></td>
</tr>
<tr class="">
<td class="text-left">Total VAT</td>
<td class="text-right">£ 275.00</td>
</tr>
<tr class="table-borderduble">
<td class="text-left">Total Amount</td>
<td class="text-right"><strong>£ 1,525.00</strong></td>
</tr>
</tbody>
</table>
<div class="fix_bottom text-center">
<button type="submit" class="btn">Pay</button>
</div>
</div>
</body></html>