-
Notifications
You must be signed in to change notification settings - Fork 1
/
signup.html
419 lines (373 loc) · 24.5 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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NetSepio</title>
<link rel="icon" type="image/png" href="images/netsepio_logo_light.png">
<link rel="stylesheet" href="./tailwind.css">
<link rel="stylesheet" href="./styles.css">
<meta name="description" content="Protect your online presence with NetSepio, the decentralized cybersecurity platform. Say goodbye to malware and scams with our innovative features, including Web3 archive and DAO-driven governance. Download now for free.">
<style>
.parallax {
/* The image used */
background: rgb(0,0,0);
background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.44441526610644255) 100%, rgba(0,0,0,1) 100%), url("images/cta.jpg");
/* Set a specific height */
min-height: 500px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Flexbox styles for all devices */
.parallax {
display: flex;
justify-content: center;
align-items: center;
}
.text-center.sm\:text-left {
text-align: center;
}
/* CSS for the shadow effect */
.shadow {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
transition: all 0.3s ease-in-out;
}
.shadow:hover {
box-shadow: 0 0 20px rgba(167, 245, 177, 0.966); /* using rgba with 0.5 alpha value to keep the same color but decrease opacity */
}
/* CSS for the element styles */
.block {
display: block;
}
.rounded-xl {
border-radius: 0.75rem;
}
.border {
border-width: 1px;
}
.border-gray-800 {
border-color: #2d3748;
}
.p-8 {
padding: 2rem;
}
.text-xl {
font-size: 1.25rem;
}
.font-bold {
font-weight: 700;
}
.text-green-200 {
color: #c6f6d5;
}
.mt-5 {
margin-top: 1.25rem;
}
.text-sm {
font-size: 0.875rem;
}
.text-gray-300 {
color: #a0aec0;
}
.image-container {
position: relative;
display: inline-block;
}
.image-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.0));
z-index: 1;
}
</style>
</head>
<body>
<div style="background-color: #141a31;;">
<!--HEADER-->
<div class="lg:pb-6 max-w-6xl mx-auto">
<div class="mx-auto max-w-screen-2xl px-4 md:px-8">
<header class="flex items-center justify-between py-2 md:py-8">
<a href="/" class="inline-flex items-center gap-2.5 text-3xl font-bold text-transparent bg-clip-text leading-12 text-transparent bg-clip-text leading-12 bg-gradient-to-r from-green-200 to-green-400" aria-label="logo">
<img src="images/netsepio_logo_light.png" class="lg:w-14 lg:h-14 md:w-14 md:h-14 w-8 h-8" alt="NetSepio">
<img src="images/productname.png" class="lg:w-26 lg:h-8 md:w-26 md:h-8 w-18 h-6" alt="NetSepio">
</a>
<!-- <div class="inline-block p-1 rounded-full"
style="background: linear-gradient(0.25turn, #006c67, #11d9c5, #006c67)">
<button class="text-white py-2 px-6 m41:px-16 m41:text-lg font-medium rounded-full">
<a href="signup.html">Apply for whitelist</a>
</button>
</div> -->
<div class="flex gap-8">
<a href="about.html"><div class="text-white mt-3">About Us</div></a>
<div class="inline-block p-1 rounded-lg"
style="background-color: #11D9C5;">
<button class="text-black lg:py-2 lg:px-6 md:py-2 md:px-6 py-1 px-1 m41:px-16 lg:text-lg md:text-lg text-sm font-medium rounded-lg">
<a href="betatest.html">Apply for whitelist</a>
</button>
</div>
</div>
</header>
</div>
</div>
<section class="pt-4 pb-10">
<div class="px-5 mx-auto max-w-2xl rounded-xl" style="background-color: #222944">
<div class="w-full mx-auto text-left md:w-11/12 xl:w-9/12 py-20">
<h1 class="mb-8 text-4xl font-bold leading-none tracking-normal text-gray-100 md:text-3xl md:tracking-tight">
<span class="text-white">
Apply for Early Access
</span>
</h1>
<form id="myForm" class="rounded pt-14">
<div class="mb-16">
<!-- <label class="block text-white text-lg font-bold mb-2" for="email" type="email">
Email
</label> -->
<input
style="background-color: #222944;"
class="shadow border appearance-none rounded w-full py-4 px-3 text-gray-200 leading-tight focus:outline-none focus:shadow-outline" id="email" type="email" placeholder="Enter your email address" required>
<!-- <div class="text-red-500">This field is required. Please write your Email address.</div> -->
</div>
<div class="mb-16">
<!-- <label class="block text-white text-lg font-bold mb-2" for="account" type="url">
Twitter
</label> -->
<input
style="background-color: #222944;"
class="shadow border appearance-none rounded w-full py-4 px-3 text-gray-200 leading-tight focus:outline-none focus:shadow-outline" id="account" type="text" placeholder="@twitter_username (optional)">
</div>
<div class="mb-10">
<!-- <label class="block text-white text-lg font-bold mb-2" for="wallet" type="text">
Aptos wallet address
</label> -->
<input
style="background-color: #222944;"
class="shadow border appearance-none rounded w-full py-4 px-3 text-gray-200 leading-tight focus:outline-none focus:shadow-outline" id="wallet" type="text" placeholder="Aptos wallet address (optional)">
</div>
<div class="text-center pt-10">
<div class="mb-4 space-x-0 md:space-x-2 md:mb-8">
<button href="https://chrome.google.com/webstore/detail/netsepio/bbkfclgnbddljhepbfpongcollhocghd"
style="background-color: #11D9C5;"
type="submit" value="submit"
class="px-14 py-3 mb-2 text-lg text-black font-semibold rounded-lg w-full sm:mb-0 hover:bg-green-200 focus:ring focus:ring-green-300 focus:ring-opacity-80">
Apply
</button>
</div>
</div>
</form>
<p id="submissionMessage" class="text-blue-500"></p>
<!-- <p id="submissionMessagediscord" class="text-blue-500"></p> -->
<!-- Button to toggle the modal -->
<!-- <button
onClick="openModal()"
class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
Toggle modal
</button> -->
<!-- Main modal -->
<div
style="background-color: #141a31;"
class="opacity-0 pointer-events-none flex overflow-y-auto overflow-x-hidden fixed inset-0 z-50 justify-center items-center w-full h-[calc(100%-1rem)] max-h-full" id="popupmodal">
<div class="relative p-4 lg:w-1/3 w-full max-w-2xl max-h-full">
<!-- Modal content -->
<div class="relative rounded-lg shadow dark:bg-gray-700"
style="background-color: #222944;">
<div class="flex items-center justify-end p-4 md:p-5 rounded-t dark:border-gray-600">
<!-- <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
Terms of Service
</h3> -->
<button
onClick="closeModal()"
type="button"
class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white"
>
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
</svg>
<span class="sr-only">Close modal</span>
</button>
</div>
<div class="flex justify-center items-center">
<img src="images/beta.png" class="h-1/2 w-1/2"/>
</div>
<div class="p-4 md:p-5 space-y-4">
<p class="text-2xl leading-relaxed text-white text-center">
Your form has been submitted!
Meanwhile join our discord.
</p>
</div>
<!-- Modal footer -->
<div class="flex items-center p-4 md:p-5 rounded-b">
<a href="https://discordapp.com/invite/5uaFhNpRF6" target="_blank" class="w-full">
<button type="button" class="w-full text-black bg-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Join Discord</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="pt-3 sm:pt-3 lg:pt-3" style="background-color: #141a31;">
<footer class="mx-auto max-w-7xl px-4 md:px-8 pt-40">
<div class="flex lg:flex-row md:flex-row flex-col items-center pt-6 justify-between">
<!-- nav - start -->
<nav class="mb-4 flex flex-wrap justify-center md:justify-start gap-2">
<img src="images/netsepio_logo_light.png" alt="netsepio logo" class="lg:w-10 lg:h-10 md:w-10 md:h-10 w-8 h-8"/>
<a href="/" class="text-2xl font-bold leading-12 text-white">NetSepio</a>
</nav>
<nav class="mb-4 flex flex-wrap justify-center gap-x-4 gap-y-2 md:justify-start md:gap-6">
<!-- <a href="https://chrome.google.com/webstore/detail/netsepio/bbkfclgnbddljhepbfpongcollhocghd" -->
<a href="betatest.html"
class="transition duration-100 hover:text-teal-800 active:text-teal-700 text-white">
<!-- Extension -->
Apply for whitelist
</a>
<a href="about.html" class="transition duration-100 hover:text-teal-800 active:text-teal-700 text-white">About Us</a>
</nav>
<!-- nav - end -->
<!-- social - start -->
<div class="flex">
<a href="https://twitter.com/NetSepio" target="_blank" class="transition duration-100 hover:text-green-400 active:text-green-600" style="color: #11D9C5">
<svg width="40" height="38" viewBox="0 0 51 49" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5999_151)">
<path d="M33.2375 7H37.3725L28.3388 17.325L38.9662 31.375H30.6437L24.1263 22.8537L16.6687 31.375H12.5312L22.1937 20.3313L12 7H20.5312L26.4225 14.7887L33.235 7H33.2375ZM31.7863 28.9H34.0775L19.2875 9.345H16.8287L31.7863 28.9Z" fill="#11D9C5"/>
</g>
<defs>
<filter id="filter0_d_5999_151" x="0" y="0" width="50.9663" height="48.375" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="5"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.85098 0 0 0 0 0.772549 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5999_151"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5999_151" result="shape"/>
</filter>
</defs>
</svg>
</a>
<a href="https://discordapp.com/invite/5uaFhNpRF6" target="_blank" class="transition duration-100 hover:text-green-400 active:text-green-600" style="color: #11D9C5">
<svg width="45" height="40" viewBox="0 0 54 47" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5999_153)">
<path d="M31.458 7C31.8427 7 32.3254 7.09488 32.7131 7.18419C34.0648 7.49117 35.6675 7.8721 36.8053 8.67443C37.8644 9.42094 38.6873 10.7228 39.3231 12.0456C40.645 14.8014 41.5645 18.4754 41.8824 21.2689C42.0339 22.5945 42.071 23.9284 41.7992 24.8257C41.6655 25.2666 41.3759 25.5987 41.1724 25.8024C40.5515 26.4205 39.7523 26.8824 38.9621 27.3024L38.57 27.5103C38.3117 27.6453 38.0517 27.7774 37.7902 27.9066L37.0148 28.2833L35.9498 28.7815L35.0927 29.1778C34.7791 29.3253 34.4199 29.3639 34.079 29.2866C33.738 29.2093 33.4371 29.0211 33.2297 28.7553C33.0222 28.4896 32.9216 28.1635 32.9456 27.8347C32.9696 27.506 33.1166 27.1958 33.3608 26.9592L32.7161 25.748C30.8624 26.2772 28.9348 26.5424 26.9974 26.535C24.9624 26.535 23.021 26.2559 21.2787 25.748L20.6355 26.9564C20.8806 27.1926 21.0286 27.5028 21.0533 27.8318C21.078 28.1608 20.9779 28.4874 20.7707 28.7537C20.5634 29.0199 20.2625 29.2086 19.9213 29.2862C19.58 29.3639 19.2205 29.3254 18.9065 29.1778L18.0985 28.801C17.2013 28.3852 16.3042 27.9694 15.4308 27.5103C14.5187 27.0317 13.5518 26.5224 12.8284 25.801C12.5397 25.5269 12.3248 25.192 12.2016 24.8243C11.9282 23.9284 11.9669 22.5959 12.1169 21.2689C12.4348 18.4754 13.3542 14.8014 14.6777 12.0456C15.3119 10.7228 16.1348 9.42094 17.1939 8.67443C18.3317 7.8721 19.9344 7.49117 21.2861 7.18419C21.6738 7.09488 22.1551 7 22.5413 7C22.7549 6.99983 22.966 7.04294 23.1603 7.12641C23.3546 7.20987 23.5274 7.33172 23.667 7.48364C23.8066 7.63555 23.9096 7.81397 23.9691 8.00671C24.0287 8.19944 24.0432 8.40197 24.0118 8.60047C25.0003 8.46308 25.9982 8.39452 26.9974 8.39536C28.0238 8.39536 29.0264 8.46512 29.989 8.60187C29.9573 8.40326 29.9717 8.20058 30.0311 8.00767C30.0905 7.81476 30.1935 7.63617 30.3331 7.48409C30.4727 7.33201 30.6456 7.21003 30.84 7.12649C31.0344 7.04294 31.2442 6.9998 31.458 7ZM33.4692 10.2972C33.2464 10.2302 33.1929 10.2595 33.1127 10.3851L33.0206 10.5414C32.7805 10.928 32.416 11.233 31.9796 11.4126C31.5431 11.5921 31.0573 11.6369 30.592 11.5405C29.4107 11.3023 28.2056 11.1834 26.9974 11.1861C25.7319 11.1861 24.5213 11.3116 23.4028 11.5405C22.9375 11.6369 22.4517 11.5921 22.0152 11.4126C21.5788 11.233 21.2143 10.928 20.9742 10.5414L20.8821 10.3865C20.8034 10.2609 20.7499 10.2316 20.5286 10.2972C19.9998 10.4549 19.4324 10.6237 18.9764 10.907C18.5501 11.207 17.9812 11.9535 17.3855 13.194C16.2477 15.5619 15.3565 19.06 15.0713 21.5661C15.0119 22.0949 14.9807 22.5484 14.9733 22.9224V23.3326C14.9792 23.581 14.9985 23.7777 15.0253 23.9201C15.4025 24.2675 15.869 24.5396 16.3368 24.7894L17.3499 25.3154L18.0124 25.6433L18.553 24.6275C18.2913 24.3984 18.1263 24.0882 18.0886 23.754C18.0508 23.4197 18.1427 23.0839 18.3474 22.8083C18.5521 22.5326 18.8559 22.3356 19.2029 22.2535C19.5498 22.1715 19.9167 22.2098 20.236 22.3615C22.0422 23.214 24.392 23.7443 26.9974 23.7443C29.6013 23.7443 31.9526 23.2112 33.7588 22.3629C34.0645 22.219 34.4136 22.1786 34.7473 22.2485C35.0809 22.3183 35.3787 22.4942 35.5904 22.7463C35.8021 22.9985 35.9148 23.3115 35.9093 23.6326C35.9039 23.9537 35.7807 24.2632 35.5606 24.5089L35.4418 24.6275L35.9824 25.6461C36.4251 25.4312 36.8692 25.2038 37.3148 24.9722C37.8941 24.6708 38.5031 24.354 38.974 23.9215C39.0007 23.7777 39.0186 23.581 39.026 23.3326V22.9224C39.0139 22.4687 38.9812 22.0157 38.9279 21.5647C38.6428 19.06 37.7515 15.5619 36.6137 13.1926C36.0196 11.9535 35.4492 11.207 35.0244 10.907C34.5669 10.6237 33.9995 10.4549 33.4692 10.2972ZM22.1699 16.0698C22.8593 16.0698 23.5205 16.3271 24.008 16.785C24.4955 17.243 24.7693 17.8641 24.7693 18.5117C24.7693 19.1593 24.4955 19.7804 24.008 20.2383C23.5205 20.6963 22.8593 20.9535 22.1699 20.9535C21.4805 20.9535 20.8193 20.6963 20.3319 20.2383C19.8444 19.7804 19.5705 19.1593 19.5705 18.5117C19.5705 17.8641 19.8444 17.243 20.3319 16.785C20.8193 16.3271 21.4805 16.0698 22.1699 16.0698ZM31.8249 16.0698C32.5143 16.0698 33.1755 16.3271 33.6629 16.785C34.1504 17.243 34.4243 17.8641 34.4243 18.5117C34.4243 19.1593 34.1504 19.7804 33.6629 20.2383C33.1755 20.6963 32.5143 20.9535 31.8249 20.9535C31.1355 20.9535 30.4743 20.6963 29.9868 20.2383C29.4993 19.7804 29.2255 19.1593 29.2255 18.5117C29.2255 17.8641 29.4993 17.243 29.9868 16.785C30.4743 16.3271 31.1355 16.0698 31.8249 16.0698Z" fill="#11D9C5"/>
</g>
<defs>
<filter id="filter0_d_5999_153" x="0" y="0" width="54" height="46.3262" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="5"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.85098 0 0 0 0 0.772549 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5999_153"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5999_153" result="shape"/>
</filter>
</defs>
</svg>
</a>
<a href="https://github.com/NetSepio" target="_blank" class="transition duration-100 hover:text-green-400 active:text-green-600" style="color: #11D9C5">
<svg width="45" height="38" viewBox="0 0 52 51" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_5999_152)">
<path d="M25.75 7C23.9443 7 22.1563 7.35565 20.4881 8.04666C18.8199 8.73766 17.3041 9.75048 16.0273 11.0273C13.4487 13.6059 12 17.1033 12 20.75C12 26.8275 15.9463 31.9837 21.405 33.8125C22.0925 33.9225 22.3125 33.4963 22.3125 33.125V30.8012C18.5037 31.6262 17.6925 28.9587 17.6925 28.9587C17.06 27.3637 16.1663 26.9375 16.1663 26.9375C14.915 26.085 16.2625 26.1125 16.2625 26.1125C17.6375 26.2087 18.3663 27.5288 18.3663 27.5288C19.5625 29.6187 21.5837 29 22.3675 28.67C22.4913 27.7763 22.8488 27.1712 23.2338 26.8275C20.1812 26.4837 16.9775 25.3013 16.9775 20.0625C16.9775 18.5363 17.5 17.3125 18.3938 16.3363C18.2562 15.9925 17.775 14.5625 18.5312 12.7063C18.5312 12.7063 19.6863 12.335 22.3125 14.1088C23.3988 13.8063 24.5813 13.655 25.75 13.655C26.9187 13.655 28.1012 13.8063 29.1875 14.1088C31.8137 12.335 32.9688 12.7063 32.9688 12.7063C33.725 14.5625 33.2437 15.9925 33.1063 16.3363C34 17.3125 34.5225 18.5363 34.5225 20.0625C34.5225 25.315 31.305 26.47 28.2388 26.8137C28.7338 27.24 29.1875 28.0788 29.1875 29.3575V33.125C29.1875 33.4963 29.4075 33.9363 30.1087 33.8125C35.5675 31.97 39.5 26.8275 39.5 20.75C39.5 18.9443 39.1443 17.1563 38.4533 15.4881C37.7623 13.8199 36.7495 12.3041 35.4727 11.0273C34.1959 9.75048 32.6801 8.73766 31.0119 8.04666C29.3437 7.35565 27.5557 7 25.75 7Z" fill="#11D9C5"/>
</g>
<defs>
<filter id="filter0_d_5999_152" x="0" y="0" width="51.5" height="50.834" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="5"/>
<feGaussianBlur stdDeviation="6"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.85098 0 0 0 0 0.772549 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5999_152"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5999_152" result="shape"/>
</filter>
</defs>
</svg>
</a>
</div>
<!-- social - end -->
</div>
<div class="flex lg:flex-row md:flex-row flex-col items-center py-6 justify-between border-t" style="border-top-color: #11D9C5;">
<div class="text-center text-sm" style="color: #11D9C5;">© 2024 - NetSepio. All rights reserved.</div>
<div>
<a href="/terms.html" class="mr-4 transition duration-100 hover:text-teal-800 active:text-teal-700 text-white text-sm">Terms of use</a>
<a href="/privacy.html" class="transition duration-100 hover:text-teal-800 active:text-teal-700 text-white text-sm">Privacy Policy</a>
</div>
</div>
</footer>
</div>
<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // Prevent the default form submission
// Retrieve form data
const formData = {
emailId: document.getElementById("email").value,
walletAddress: document.getElementById("wallet").value,
twitter: document.getElementById("account").value
};
console.log(formData);
// Send POST request using Fetch API
fetch("https://gateway.netsepio.com/api/v1.0/waitlist", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(formData)
})
.then(response => {
if (response.ok) {
return response.json();
} else {
throw new Error('Server response was not OK');
}
})
.then(data => {
console.log(data);
// const submissionMessage = document.getElementById("submissionMessage");
// submissionMessage.textContent = "Your form has been submitted.";
// const submissionMessageDiscord = document.getElementById("submissionMessagediscord");
// submissionMessageDiscord.textContent = "Meanwhile join our discord community to keep up with latest information."
// const discordLink = document.createElement("a");
// discordLink.href = "https://discord.com/invite/5uaFhNpRF6";
// discordLink.textContent = "Join Discord";
// discordLink.target = "_blank";
// discordLink.style.marginLeft = "10px";
// discordLink.style.border = "1px solid white";
// discordLink.style.color = "#11D9C5";
// discordLink.style.padding = "4px";
// discordLink.style.borderRadius = "5px";
// submissionMessageDiscord.appendChild(discordLink);
// Reset form
document.getElementById("myForm").reset();
openModal();
})
.catch(error => {
console.error(error);
const submissionMessage = document.getElementById("submissionMessage");
submissionMessage.textContent = "Already in whitelist";
// alert("An error occurred while submitting the data.");
});
});
</script>
<script>
function openModal() {
// Implement your logic to open the modal here
document.getElementById('popupmodal').classList.add('opacity-100', 'pointer-events-auto');
}
function closeModal() {
// Implement your logic to close the modal here
document.getElementById('popupmodal').classList.remove('opacity-100', 'pointer-events-auto');
window.location.href = '/';
}
</script>
</body>
</html>