-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsign-up.html
228 lines (181 loc) · 12.4 KB
/
sign-up.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!doctype html>
<html lang="en" class="mw-100">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-46880409-4"></script>
<script src="https://www.googleoptimize.com/optimize.js?id=GTM-P5J32H3"></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', { 'optimize_id': 'GTM-P5J32H3'});
</script>
<!-- Event snippet for Zeek Sign-up conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion(url) {
var callback = function () {
if (typeof(url) != 'undefined') {
window.location = url;
}
};
gtag('event', 'conversion', {
'send_to': 'AW-772596550/-hL6CN_ZwOEBEMbGs_AC',
'event_callback': callback
});
return false;
}
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-46880409-4');
function signUp() {
gtag_report_conversion();
gtag('event', 'sign-up');
}
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' });
}
function goGooglePlay() {
gtag('event', 'view_item');
}
</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://kit.fontawesome.com/597945ef9e.js" crossorigin="anonymous"></script>
<title>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>
<div class="page-header container-fluid">
<div class="row no-gutters ml-4 pr-3 justify-content-center">
<div class="ml-2 header-left-side col-sm-9 pr-3 d-flex flex-column justify-content-start align-items-center mb-5">
<div class="logo mt-2 ml-2">
<h2 class="logo"><a href="./index.html">zeek</a></h2>
</div>
<!-- <p class="text-about-text-1 font-weight-normal pl-2">We're under construction.</p> -->
<!-- <h4 class="cta-text pl-2 font-weight-bold mt-4">Download the app here :</h4> -->
<!-- <div>
<a href="https://play.google.com/store/apps/details?id=com.zeek.ti_frontend_flutter" onclick="goGooglePlay()" target="_blank">
<img src="./google-play-badge.png" width="200" alt="Get it on Google Play">
</a>
</div> -->
<!-- <h4 class="cta-text pl-2 mt-2 red-color font-weight-bold">Sign Up: Be the First to Get Future Updates!</h4> -->
<!-- <h4 class="text-about-text-1 font-weight-normal pl-2 pr-2">Finding a place to eat isn't easy. It's impossible to remember all the great restaurants you've tried before, and finding new places is too time-consuming - you don't have that kind of patience when you're hungry. Luckily, we're building an exciting new product that will connect you with the food you love instantly. -->
<!-- </h4> -->
<h1 class="text-footer-header-2 text-center mt-4 font-weight-bold">Early Access Sign Up Form</h1>
<p class="text-about-text-1 text-center row font-weight-normal pl-4 pr-4">
Sign up and get added to our early access waiting list. We'll inform you as soon as you get a spot!
</p>
<form class="form-inline" action="https://github.us4.list-manage.com/subscribe/post?u=c725fbb6ee128ebeea8a42918&id=1e6bbbdce7" method="post">
<!-- <form class="form-inline"> -->
<div class="sign-up-box d-flex flex-column w-100 justify-content-center align-items-center mt-4">
<input type="hidden" name="u" value="c725fbb6ee128ebeea8a42918">
<input type="hidden" name="id" value="1e6bbbdce7">
<!-- </div>
<div class="sign-up-box d-flex justify-content-start"> -->
<input type="email" name="MERGE0" id="inputEmail" class="form-control, email-add pl-2 pb-3 pt-3 mt-2 w-100" placeholder="Email address" required="True" >
<button type="submit" onclick="signUp()" class="sign-up-button w-100 pb-3 pt-3 mt-3 pl-3 pr-3"><p class='sign-up-text'>SIGN UP</p></button>
</div>
</form>
<!-- <h1 class="text-footer-header-3 text-center font-weight-bold mt-4">&</h1> -->
</div>
</div>
</div>
</div>
<div class="footer-cta container-fluid d-flex flex-column">
<div class="textbox row h-100 no-gutters justify-content-center">
<div class="body-footer col-sm-9 d-flex flex-column mb-5">
<!-- <h2 class="text-footer-header-1 text-center font-weight-bold">Download the app here : </h2>
<div class="text-center">
<a href="https://play.google.com/store/apps/details?id=com.zeek.ti_frontend_flutter" onclick="goGooglePlay()" target="_blank">
<img src="./google-play-badge.png" width="200" alt="Get it on Google Play">
</a>
</div> -->
<!-- <h2 class="text-footer-header-3 text-center">Sign Up Now For Future Updates!</h2> -->
<h1 class="text-footer-header-2 text-center font-weight-bold">Psst... Don't forget to share Zeek on social media!</h1>
<div class="footer-share d-flex flex-row justify-content-center align-items-center pr-2 col-md">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://sherman2zhiwei.github.io/zeek/" class="fab fa-facebook fa-2x p-3" target="_blank" onclick="shareFB()"></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 fa-envelope fa-2x p-3 email-icon" onclick="shareEmail()"></a>
<!-- <a href="#" class="fab fa-instagram fa-2x p-3" target="_blank"></a> -->
</div>
<!-- <h4 class="text-footer-text-1 text-center font-weight-normal">We dream of a world where people can easily discover
the food they love. If you share our vision, drop your email
and let us know! We're opening early access soon, and
would love to hear your feedback. After all, this app is for food lovers like you.</h4>
-->
<!-- <div class="sign-up-box-footer d-flex flex-row justify-content-center">
<input type="email" id="inputEmail" class="form-control, email-add" placeholder="Email address" required="True" >
<button type="button" class="sign-up-button sign-up-button-footer"><h5 class='sign-up-text'>Join Us</h5></button>
</div> -->
</div>
</div>
</div>
<!-- <div class="container-fluid"> -->
<!-- <div class="row no-gutters d-flex flex-row justify-content-between"> -->
<!-- <p class="align-self-center pl-2 pr-2 pt-2 col-md">Contact Us via FB Messenger : <i class='fab fa-facebook-messenger'></i> -->
<!-- <a href="http://m.me/zeekfood" target="_blank">Zeek</a></p> -->
<!-- <div class="footer-share d-flex flex-row justify-content-end py-5 pr-2 col-md"> -->
<!-- <a href="https://www.facebook.com/sharer/sharer.php?u=https://sherman2zhiwei.github.io/zeek/" class="fab fa-facebook fa-2x p-3" target="_blank" onclick="shareFB()"></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 fa-envelope fa-2x p-3 email-icon" onclick="shareEmail()"></a> -->
<!-- <a href="#" class="fab fa-instagram fa-2x p-3" target="_blank"></a> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
document.getElementById("navbar").style.top = "0";
} else {
document.getElementById("navbar").style.top = "-50%";
}
}
</script>
</body>
</html>