1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>JobReader - Check Out</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<?php include 'inc/header.php';?>
<!-- end of header-->
<?php include 'inc/check_out_nav.php';?>
<section class="wrap">
<div class="container">
<p class="h1 mb-4">How do you want to pay?
</p>
<a href="howtopay.php" target="_blank" class="link">Learn about how to pay <i
class="fas fa-chevron-right"></i></a>
<div class="row mb-4">
<div class="col-md-12">
<p class="mt-4">Payment Methods</p>
<div class="pb-4 border-bottom">
<label for="paypal" class="paymentLabel">
<div class="methodItem d-flex align-items-center mb-3">
<input name="paymentMethodGroup" class="methodGroup hide" type="radio" id="paypal" />
<div class="methodImg">
<img src="../assets/images/paypal.png" class="img-fluid" title="paypal"
alt="paypal image">
</div>
<div class="methodDetail ml-4">
<h3>Credit Card (PayPal)</h3>
<p class="m-0 p-0 fieldWord">Visa / Mastercard
</p>
</div>
</div>
</label>
<label for="offlinePay" class="paymentLabel">
<div class="methodItem d-flex align-items-center mb-3">
<input name="paymentMethodGroup" class="methodGroup hide" type="radio"
id="offlinePay" />
<div class="methodImg">
<img src="../assets/images/offlinepayIcon.png" class="img-fluid" title="paypal"
alt="paypal image">
</div>
<div class="methodDetail ml-4">
<h3>Offline Payment</h3>
<p class="m-0 p-0 fieldWord">Bank Transfer / ATM Deposit / Cheque
</p>
</div>
</div>
</label>
</div>
<div class="d-flex align-items-center mt-4 flex-lg-row flex-column">
<div class="mt-2">By continuing you agree to use this purchase in accordance with our <a
href="terms_salse.php" target="_blank" class="link">Terms and Conditions of Sale</a>.
</div>
<div class="ml-auto">
<button type="button" class="btn-lg btn-primary mt-4 btn-block"
onclick="location.href='co_pay_success.php';">Buy Now</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<?php include 'inc/footer_p.php';?>
<!-- end of footer -->
<!-- custom JS -->
</body>
<script>
$('.methodGroup').change(function() {
$(".methodItem").removeClass("active");
$(this).parents().addClass("active");
});
</script>
</html>
|