-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththank-you.html
153 lines (127 loc) · 7.69 KB
/
thank-you.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-46880409-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-46880409-4');
</script>
<!-- Global site tag (gtag.js) - Google Ads: 772596550 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-772596550"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-772596550');
</script>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Montserrat:regular,bold&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="zeek.css">
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/597945ef9e.js" crossorigin="anonymous"></script>
<script>
function myFunction() {
/* Get the text field */
var copyText = document.getElementById("myInput");
/* Select the text field */
copyText.select();
copyText.setSelectionRange(0, 99999); /*For mobile devices*/
/* Copy the text inside the text field */
document.execCommand("copy");
/* Alert the copied text */
alert("Copied the text: " + copyText.value);
}
</script>
<script>
function shareFB() {
gtag('event', 'share', {method : 'Facebook' });
}
function shareTwitter() {
gtag('event', 'share', {method : 'Twitter' });
}
function shareEmail() {
gtag('event', 'share', {method : 'Email' });
}
function shareWhatsapp() {
gtag('event', 'share', {method : 'Whatsapp' });
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<title>Thank you - Zeek | Discover great food</title>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '282520599088616');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=282520599088616&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body class="">
<div class="page-header container-fluid">
<div class="row h-100 no-gutters pl-2 pr-3 justify-content-center">
<div class="logo ml-2 mt-2">
<h1 class="logo pl-2 pb-2">zeek</h1>
</div>
</div>
<div class="row h-100 no-gutters justify-content-center">
<h2 class="text-header mt-4 text-center">Welcome to the Club!</h2>
</div>
<div class="row h-100 no-gutters justify-content-center">
<!-- <div class="col-4"></div> -->
<p class="text-about-text-1 early-access mb-4 font-weight-normal font-italic ml-2 mr-2 text-center col-4">You've been added to the early access waitlist, and you will be contacted as soon as you're in!</p>
<p class="text-about-text-1 font-weight-normal mt-2 ml-2 mr-2 text-center col-8">
If you like our idea, please support us by <strong>sharing</strong> Zeek to friends and family with these buttons:</p>
<!-- <div class="col-4"></div> -->
</div>
<div class="row h-100 no-gutters justify-content-center mb-4">
<div class="footer-share d-flex flex-row justify-content-end">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sherman2zhiwei.github.io/zeek/" class="fab fa-facebook fa-2x p-3" onclick="shareFB()" target="_blank"></a>
<!-- <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fsherman2zhiwei.github.io%2Fzeek-landing-page%2F&text=My%20friend%20is%20creating%20an%20app%20to%20help%20you%20decide%20what%20to%20eat%21%20Do%20check%20it%20out%20@" class="fab fa-twitter fa-2x p-3"></a> -->
<a href="https://twitter.com/intent/tweet?url=&text=Hey!%20My%20friend%20is%20developing%20an%20app%20that%20helps%20you%20discover%20great%20food.%20I%20really%20like%20the%20idea%20cause%20I%20always%20have%20trouble%20finding%20good%20food%20to%20eat.%20Do%20check%20it%20out%20and%20sign%20up%20if%20you%20support%20it%20too%20%3A%20https%3A%2F%2Fsherman2zhiwei.github.io%2Fzeek%2F" class="fab fa-twitter fa-2x p-3" target="_blank" onclick="shareTwitter()"></a>
<a href="whatsapp://send?text=Hey! My friend is developing an app that helps you discover great food. I really like the idea cause I always have trouble finding good food to eat. Do check it out and sign up if you support it too : https://sherman2zhiwei.github.io/zeek/" data-action="share/whatsapp/share" target="_blank" class="fab fa-whatsapp fa-2x p-3 d-block d-sm-none" onclick="shareWhatsapp()"></a>
<a href="mailto:[email protected]?&subject=&body=Hey! My friend is developing an app that helps you discover great food. I really like the idea cause I always have trouble finding good food to eat. Do check it out and sign up if you support it too : https://sherman2zhiwei.github.io/zeek/" class="fas email-icon fa-envelope fa-2x p-3" onclick="shareEmail()"></a>
<!-- <a href="#" class="fab fa-instagram fa-2x p-3"></a> -->
</div>
</div>
<div class="row h-100 no-gutters d-flex flex-column justify-content-center align-items-center">
<!-- <div class="col-4"></div> -->
<p class="text-about-text-1 font-weight-normal ml-4 mr-4 text-center col-8">You can also share the message we prepared for you below:</p>
<!-- The text field -->
<!-- <input type="text" value="My friend is developing an app that helps you decide what to eat! Check it out : https://sherman2zhiwei.github.io/zeek/" id="myInput"> -->
<div class="col-xs-8 col-lg-4 manual-sharing p-4" id="share-div">I found an app that helps you discover great food! Check it out at: <a href="https://sherman2zhiwei.github.io/zeek/" target="_blank">https://sherman2zhiwei.github.io/zeek/</a></div>
<button class="btn btn-danger mt-2" data-toggle="tooltip" data-trigger="click" data-placement="bottom" title="Copied!" data-clipboard-target=".manual-sharing">
Copy
</button>
<p class="text-about-text-1 mt-4 col-8 text-center ml-4 mr-4">Thank you for your support, and we'll be updating you very soon!</p>
</div>
<script>
var clipboard = new ClipboardJS('.btn');
$('.btn').tooltip()
clipboard.on('success', function(e) {
setTimeout(function(){$('.btn').tooltip("hide")}, 2000);
});
</script>
</body>
</html>