-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (87 loc) · 3.89 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
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
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<title>Happy Birthday Otto!</title>
<meta name="description" content="Happy Birthday Otto!">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/small.css" media="(max-width: 630px)">
<link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container">
<section class="hero">
<img src="images/otto-landscape.png" alt="Ottoman">
</section>
<section class="intro">
<h1>Otto's Birthday Party!</h1>
<aside class="right">
<img src="images/boy.png" alt="boy">
</aside>
<p>Otto's birthday is coming up! We hope you can join us at our magical party for a most excellent boy who turns 2. There will be lunch and snacks (for kids and adults), a few friends and if we're lucky, minimal crying (yasss!)!<p>
<p>Oh by the way, no presents needed. Just come, relax and hang out with the birthday boy!</p>
</section>
<section class="contact">
<h2>Saturday, February 3!</h2>
<aside class="left">
<img src="images/hotdog.png" alt="hotdog">
</aside>
<p>Starts at 3:00pm, until the milk runs out.</p>
<p>Otto's Haus <br>
101 E Arctic Ave <br>
Folly Beach, SC 29439</p>
<p>Coming? Email <br>
<a href="mailto:[email protected]?=Yes I am Coming!" target="_blank">[email protected]</a>
</p>
</section>
<section>
<!-- Load Stripe.js on your website. -->
<script src="https://js.stripe.com/v3"></script>
<!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->
<button
style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
id="checkout-button-sku_GE66mraE6Is9rM"
role="link"
>
Buy Now
</button>
<div id="error-message"></div>
<script>
(function() {
var stripe = Stripe('pk_live_KtCUYTgZV4okjlmCiBAjATql');
var checkoutButton = document.getElementById('checkout-button-sku_GE66mraE6Is9rM');
checkoutButton.addEventListener('click', function () {
// When the customer clicks on the button, redirect
// them to Checkout.
stripe.redirectToCheckout({
items: [{sku: 'sku_GE66mraE6Is9rM', quantity: 1}],
// Do not rely on the redirect to the successUrl for fulfilling
// purchases, customers may not always reach the success_url after
// a successful payment.
// Instead use one of the strategies described in
// https://stripe.com/docs/payments/checkout/fulfillment
successUrl: window.location.protocol + '//30daysoftrump.com/success',
cancelUrl: window.location.protocol + '//30daysoftrump.com/canceled',
})
.then(function (result) {
if (result.error) {
// If `redirectToCheckout` fails due to a browser or network
// error, display the localized error message to your customer.
var displayError = document.getElementById('error-message');
displayError.textContent = result.error.message;
}
});
});
})();
</script>
</section>
<section>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3359.174321363665!2d-79.94174504916546!3d32.654804980915756!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88fdd7ea612904dd%3A0x1cd196e60fa13a0d!2sFolly%20Beach%20Pier!5e0!3m2!1sen!2sus!4v1575469857044!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</section>
<section class="footer">
<h2>Made by Otto's Dad :)</h2>
</section>
</div>
</body>
</html>