-
Notifications
You must be signed in to change notification settings - Fork 21
/
signup.html
221 lines (220 loc) · 14.4 KB
/
signup.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
<div class="w-section vpaas-sign-up-section">
<div class="w-container vpaas-signup-container">
<h1 class="section-headings vpaas-signup-heading">Sign Up <span class="divider-span">|</span> <span class="teal-span">Kaltura VPaaS</span></h1>
<div class="sml-circle-row-wrapper">
<div class="w-row sml-circle-row">
<div class="w-col w-col-3 sml-circle-column">
<div class="sml-circle sml-circle-selected"></div>
</div>
<div class="w-col w-col-3 sml-circle-column">
<div class="sml-circle"></div>
</div>
<div class="w-col w-col-3 sml-circle-column">
<div class="sml-circle"></div>
</div>
<div class="w-col w-col-3">
<div class="sml-circle"></div>
</div>
</div>
</div>
<h4 class="company-details-heading">company Details</h4>
<h4 class="pick-account-type-heading">pick your Account type</h4>
<h4 class="payment-details-heading">payment details</h4>
<div class="w-form">
<form id="email-form" name="email-form" data-name="Email Form">
<div class="company-details-div">
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="First-Name-2" class="form-labels">First Name</label>
<input id="First-Name-2" type="text" placeholder="Joe" name="First-Name-2" data-name="First Name 2" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="Last-Name-2" class="form-labels">Last Name</label>
<input id="Last-Name-2" type="text" placeholder="Soap" name="Last-Name-2" required="required" data-name="Last Name 2" class="w-input input-light">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="email-2" class="form-labels">Work Email Address</label>
<input id="email-2" type="email" placeholder="[email protected]" name="email-2" data-name="Email 2" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="Company-2" class="form-labels">Company</label>
<input id="Company-2" type="text" placeholder="MediaCo Inc." name="Company-2" required="required" data-name="Company 2" class="w-input input-light">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="Industry-2" class="form-labels">Industry</label>
<select id="Industry-2" name="Industry-2" required="required" data-name="Industry 2" class="w-select input-light">
<option value="">Select one...</option>
<option value="Education or EdTech">Education or EdTech</option>
<option value="Media Owners & Creators">Media Owners & Creators</option>
<option value="Broadcasting">Broadcasting</option>
<option value="IPTV and Telcos">IPTV and Telcos</option>
<option value="AdTech / Advertising Agency">AdTech / Advertising Agency</option>
<option value="Health Care">Health Care</option>
<option value="Insurance">Insurance</option>
<option value="Retail / eCommerce">Retail / eCommerce</option>
<option value="FinTech / Investing / Banking">FinTech / Investing / Banking</option>
<option value="Real Estate">Real Estate</option>
<option value="Video Surveillance / Public Safety">Video Surveillance / Public Safety</option>
<option value="IoT / Smart Cities">IoT / Smart Cities</option>
<option value="Manufacturing">Manufacturing</option>
<option value="Construction">Construction</option>
<option value="Transportation / Utilities / Energy">Transportation / Utilities / Energy</option>
<option value="Government">Government</option>
<option value="Registered Not for Profit Organization">Registered Not for Profit Organization</option>
<option value="Software Provider / Software Publisher / ISV">Software Provider / Software Publisher / ISV</option>
<option value="Cloud Service Provider (Hosting / Streaming)">Cloud Service Provider (Hosting / Streaming)</option>
<option value="Systems Integrator">Systems Integrator</option>
</select>
</div>
<div class="w-col w-col-6">
<label for="Contact-Phone-2" class="form-labels">Contact Phone</label>
<input id="Contact-Phone-2" type="text" placeholder="(XXX) XXX-XXXX" name="Contact-Phone-2" required="required" data-name="Contact Phone 2" class="w-input input-light">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="Country-2" class="form-labels">Country</label>
<select id="Country-2" name="Country-2" data-name="Country 2" required="required" class="w-select input-light">
<option value="">Select one...</option>
<option value="First">First Choice</option>
<option value="Second">Second Choice</option>
<option value="Third">Third Choice</option>
</select>
</div>
<div class="w-col w-col-6">
<label for="State-2" class="form-labels">State</label>
<select id="State-2" name="State-2" data-name="State 2" required="required" class="w-select input-light">
<option value="">Select one...</option>
<option value="First">First Choice</option>
<option value="Second">Second Choice</option>
<option value="Third">Third Choice</option>
</select>
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="Password" class="form-labels">Create a Password</label>
<input id="Password" type="password" placeholder="**************" name="Password-1" data-name="Password 1" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="Password-2" class="form-labels">Re-Type Your Password</label>
<input id="Password-2" type="password" placeholder="**************" name="Password-2" required="required" data-name="Password 2" class="w-input input-light">
</div>
</div>
<label for="Tel-us-what-you-are-building" class="form-labels">Tell Us About What You Are Building</label>
<textarea id="Tel-us-what-you-are-building" placeholder="What are you building, tell us about your team, how does video fit into your application, etc." name="Tel-us-what-you-are-building" data-name="Tel us what you are building" required="required" class="w-input input-light"></textarea>
</div>
<div class="account-type-div">
<div class="w-radio w-clearfix">
<input id="VPaaS Account" type="radio" name="Account-Type" value="VPaaS Account" data-name="Account Type" class="w-radio-input">
<label for="VPaaS Account" class="w-form-label radio-label">VPaaS Account</label>
</div>
<div class="radio-description">Complete API access for all video workflows, player, widgets, SDKs, developer tools, Forums & Kaltura University.</div>
<ul class="w-list-unstyled">
<li class="temp-list"><span class="feature-bullets fa fa-chevron-right"></span>Start Free (No Credit Card Required)</li>
<li class="temp-list"><span class="feature-bullets fa fa-chevron-right"></span>Pay-As-You-Go</li>
<li class="temp-list"><span class="feature-bullets fa fa-chevron-right"></span>$400 Monthly Credits for the 1st Year</li>
</ul>
<div class="w-radio w-clearfix _2nd-radio-field">
<input id="VPaaS Account" type="radio" name="Account-Type" value="VPaaS Account" data-name="Account Type" class="w-radio-input">
<label for="VPaaS Account" class="w-form-label radio-label">Multi-Publisher Account</label>
</div>
<div class="radio-description">All the features of a VPaaS Account, plus get an API to create as many VPaaS Accounts as you need with centralized configuration & consolidated billing across all accounts.</div>
<ul class="w-list-unstyled">
<li class="temp-list"><span class="feature-bullets fa fa-chevron-right"></span>Starting at $1,000 / Month + $33 / Month for Each Sub-Account</li>
<li class="temp-list"><span class="feature-bullets fa fa-chevron-right"></span>$400 Monthly Credits for the 1st Year, Consolidated Across All Accounts</li>
</ul>
</div>
<div class="payment-details-div">
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="First-Name-3" class="form-labels">Name on Card</label>
<input id="First-Name-3" type="text" placeholder="Joe Soap" name="First-Name-3" data-name="First Name 3" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="ccard-number" class="form-labels">Card Number</label>
<input id="ccard-number" type="text" placeholder="XXXX-XXXX-XXXX-XXXX" name="ccard-number" required="required" data-name="ccard number" class="w-input input-light error">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="card-expiry" class="form-labels">Expiry Date</label>
<input id="card-expiry" type="text" placeholder="MM / YY" name="card-expiry" data-name="card expiry" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="CCV" class="form-labels">CCV</label>
<input id="CCV" type="text" placeholder="XXX" name="CCV" required="required" data-name="CCV" class="w-input input-light">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="Billing-Address" class="form-labels">Billing Address 1</label>
<input id="Billing-Address" type="text" placeholder="123 Cherry Tree Lane" name="Billing-Address-1" data-name="Billing Address 1" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="Billing-Address-2" class="form-labels">Billing Address 2</label>
<input id="Billing-Address-2" type="text" placeholder="Suite 200" name="Billing-Address-2" required="required" data-name="Billing Address 2" class="w-input input-light">
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="City" class="form-labels">City</label>
<input id="City" type="text" placeholder="New York" name="City" data-name="City" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="State-3" class="form-labels">State</label>
<select id="State-3" name="State-3" data-name="State 3" required="required" class="w-select input-light">
<option value="">Select one...</option>
<option value="First">First Choice</option>
<option value="Second">Second Choice</option>
<option value="Third">Third Choice</option>
</select>
</div>
</div>
<div class="w-row form-row">
<div class="w-col w-col-6">
<label for="Billing-Zip" class="form-labels">Billing Postal / Zip Code</label>
<input id="Billing-Zip" type="text" placeholder="XXXXX" name="Billing-Zip" data-name="Billing Zip" required="required" class="w-input input-light">
</div>
<div class="w-col w-col-6">
<label for="Country-3" class="form-labels">Country</label>
<select id="Country-3" name="Country-3" data-name="Country 3" required="required" class="w-select input-light">
<option value="">Select one...</option>
<option value="First">First Choice</option>
<option value="Second">Second Choice</option>
<option value="Third">Third Choice</option>
</select>
</div>
</div>
<div>
<div class="w-checkbox terms-checkbox">
<input id="Terms-Checkbox-2" type="checkbox" name="Terms-Checkbox-2" data-name="Terms Checkbox 2" required="required" class="w-checkbox-input">
<label for="Terms-Checkbox-2" class="w-form-label">Terms & Conditions</label>
</div>
</div>
<p class="signup-body">By checking this box, you agree to Kaltura VPaaS Terms and Conditions as outlined here: <a class="terms-link" href="#">VPaaS Master License</a>
</p>
<div class="w-clearfix payment-notification"><span class="fa fa-exclamation-circle fa-lg"></span>Your credit card number is incorrect.<span class="fa fa-times"></span>
</div>
</div>
<div class="button-center-div">
<input type="submit" value="Next" data-wait="Please wait..." data-ix="show-pick-account-type" class="w-button standard-button vpaas-signup-btn">
</div>
</form>
<div class="w-form-done">
<p>Thank you! Your submission has been received!</p>
</div>
<div class="w-form-fail">
<p>Oops! Something went wrong while submitting the form</p>
</div>
</div>
<div class="signup-success">
<h3 class="success-heading">Success!</h3>
<p class="signup-body success-body">You have successfully signed up for a %account-type% account. You will be redirected to login shortly...</p>
</div>
</div>
</div>