-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (133 loc) · 5.13 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PokerApprentice - The student becomes the master</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- BEGIN mailchimp -->
<link href="https://cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup {
clear: left;
font: 14px Helvetica, Arial, sans-serif;
width: 100%;
max-width: 600px;
}
#mc_embed_signup .helper_text,
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
background-color: transparent;
}
#mc_embed_signup div#mce-responses {
margin: 0;
}
#mc_embed_signup div.response {
margin: 0 0 20px;
padding: 0;
}
#mc_embed_signup .mc-field-group {
padding: 0;
}
#mc_embed_signup .button {
background-color: #28a7de;
}
#mc_embed_signup .button:hover {
background-color: #2891cf;
}
</style>
<!-- END mailchimp -->
<style>
body {
margin: 0;
padding: 0;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
}
.container {
height: 100vh;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: stretch;
}
.hero {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.form {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background-color: #eee;
}
.logo {
width: 80%;
}
/* phone */
@media only screen and (
/* phone */
(max-width: 768px) or
/* ipad portrait */
((min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait))
) {
.container {
flex-direction: column;
}
.hero {
flex: 0;
align-items: flex-start;
}
.form {
flex: 1;
align-items: flex-start;
}
}
</style>
</head>
<body>
<div class="container">
<div class="hero">
<img class="logo" src="assets/logo.png" alt="PokerApprentice - The student becomes the master" />
</div>
<div class="form">
<!-- BEGIN mailchimp -->
<div id="mc_embed_shell">
<div id="mc_embed_signup">
<form action="https://pokerapprentice.us10.list-manage.com/subscribe/post?u=b944d2b7bd82044b4d3e8d86a&id=8706cb8be7&f_id=0003f0e5f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<div id="mc_embed_signup_scroll">
<h2>Join the Waiting List</h2>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address</label>
<input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value="" />
<span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
</div>
<div hidden="">
<input type="hidden" name="tags" value="14182948">
</div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display: none;"></div>
<div class="response" id="mce-success-response" style="display: none;"></div>
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
/* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
<input type="text" name="b_b944d2b7bd82044b4d3e8d86a_8706cb8be7" tabindex="-1" value="" />
</div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
<p style="margin: 0px auto;"><a href="http://eepurl.com/iDxlBI" title="Mailchimp - email marketing made easy and fun"><span style="display: inline-block; background-color: transparent; border-radius: 4px;"><img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;"></span></a></p>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
</div>
<!-- END mailchimp -->
</div>
</div>
</body>
</html>