forked from bmvantunes/stripe-3d-secure
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (35 loc) · 1.83 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<style>
.btn {
cursor: pointer;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<h1>Cards</h1>
<table class="table table-striped table-bordered table-hover table-responsive">
<thead><th>3d secure support</th><th>Card Number</th><th>CVC</th><th>Expiry Month</th><th>Expiry Year</th><th></th></thead>
<tbody>
<tr><td>no support (American Express)</td><td>3782 822463 10005</td><td>123</td><td>12</td><td>2020</td><td><button class="btn btn-primary" onclick="onClick('3782 822463 10005')">Try this card!</button></td></tr>
<tr><td>optional (no authentication)</td><td>4242 4242 4242 4242</td><td>123</td><td>12</td><td>2020</td><td><button class="btn btn-primary" onclick="onClick('4242 4242 4242 4242')">Try this card!</button></td></tr>
<tr><td>optional (needs authentication)</td><td>4000 0000 0000 3055</td><td>123</td><td>12</td><td>2020</td><td><button class="btn btn-primary" onclick="onClick('4000 0000 0000 3055')">Try this card!</button></td></tr>
<tr><td>required</td><td>4000 0000 0000 3063</td><td>123</td><td>12</td><td>2020</td><td><button class="btn btn-primary" onclick="onClick('4000 0000 0000 3063')">Try this card!</button></td></tr>
</tbody>
</table>
<div class="col-12" id="iframe-payment"></div>
</div>
</div>
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script>
Stripe.setPublishableKey('pk_test_IR0lZ3Ot5IQnsde6xuAmkHvB')
</script>
<script src="js/api.js"></script>
<script src="js/main.js"></script>
</body>
</html>