-
Notifications
You must be signed in to change notification settings - Fork 0
/
waitlist.html
99 lines (93 loc) · 7.31 KB
/
waitlist.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>School Tool</title>
<link rel="canonical" href="https://schooltool.io/waitlist.html">
<meta property="og:url" content="https://schooltool.io/waitlist.html">
<meta name="description" content="School Tool is an innovative 💡 new platform that puts the productivity 💼 back into education . Check us out today ✨!">
<link rel="icon" type="image/webp" sizes="3995x3995" href="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc">
<link rel="icon" type="image/webp" sizes="3995x3995" href="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc">
<link rel="icon" type="image/webp" sizes="3995x3995" href="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc">
<link rel="icon" type="image/webp" sizes="3995x3995" href="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc">
<link rel="icon" type="image/webp" sizes="3995x3995" href="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=896192cc65e20f1fcc6d792b5b9a4626">
<link rel="stylesheet" href="assets/css/aos.min.css?h=ea67d3638a91cd05d22f1b4e31c7b746">
<link rel="stylesheet" href="assets/css/aib.compiled.css?h=780e67c59331210d86984d211024f670">
<link rel="stylesheet" href="assets/css/gTexts.css?h=e706678e7415f81ed7974b68947275b7">
<link rel="stylesheet" href="assets/css/Hero-Clean-Reverse-images.css?h=4f3cfa46e40e236365345fc77963f4b8">
<link rel="stylesheet" href="assets/css/styles.css?h=134dd32bd44949ce1118666f80efc668">
</head>
<body style="background: rgb(0,0,0)!important;">
<!-- Start: Navbar With Button -->
<nav class="navbar navbar-expand-md sticky-top bg-body py-3" style="background: #00000083!important;color: #ffffff!important;padding-right: 2rem;padding-left: 2rem;">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" data-bss-disabled-mobile="true" data-aos="fade" data-aos-once="true" href="index.html"><img src="assets/img/logo.webp?h=0722d3247654ad6b5121ce1ebd28d5fc" style="width: auto;height: 2rem;"><span class="white" style="font-weight: bold;margin-left: 0.25rem;">School Tool</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1" style="background: #ffffff;"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link white" data-bss-disabled-mobile="true" data-aos="fade" data-aos-delay="100" data-aos-once="true" href="#">Features</a></li>
<li class="nav-item"><a class="nav-link white" data-bss-disabled-mobile="true" data-aos="fade" data-aos-delay="200" data-aos-once="true" href="#">About</a></li>
</ul><a class="btn btn-primary" role="button" data-bss-disabled-mobile="true" data-aos="fade" data-aos-delay="300" data-aos-once="true" style="margin: 0.5rem;" href="waitlist.html">Get Access 💪</a><a class="btn btn-primary" role="button" data-bss-disabled-mobile="true" data-aos="fade" data-aos-delay="400" data-aos-once="true" style="margin-left: 0.5rem;background: transparent;border-style: solid;border-color: rgb(13,110,253);color: rgb(13,110,253);" href="waitlist.html">Already have access? 😎</a>
</div>
</div>
</nav><!-- End: Navbar With Button -->
<!-- Start: 1 Row 2 Columns -->
<div class="container" style="padding: 2rem;padding-left: 1.5rem;">
<div class="row" style="margin-right: 0px;margin-left: -1.5rem;">
<div class="col-md-11" data-aos="fade" data-aos-delay="500" data-aos-once="true" style="margin-right: 1rem;margin-left: 1rem;">
<h1 class="display-2 text-center" style="color: rgb(255,255,255);margin-left: 0.7rem;padding: 0.25rem;"><span class="gtext-lightning">Success</span> Is Around The Corner</h1>
<form class="text-center my-2" style="margin-left:0.7rem;padding:0.5rem;">
<div class="text-center d-flex d-lg-flex justify-content-center align-items-center justify-content-lg-center align-items-lg-center my-2" style="margin: 0.5rem;"><input class="form-control form-control form-control" type="email" id="email" name="email" placeholder="Email..." style="padding: 0.75rem;min-width: 19rem;background: rgb(160,160,160);margin: 0.5rem;font-size: 1.25rem;border-style: none;" disabled="" readonly=""></div>
<div class="text-center d-flex d-lg-flex justify-content-center align-items-center justify-content-lg-center align-items-lg-center my-2" style="margin: 0.5rem;"><button class="btn btn-secondary disabled ms-sm-2" id="getAccessBtn" type="button" style="padding: 0.75rem;font-size: 1.25rem;border-style: none;" disabled="">Waitlist opens 14/10/2023</button></div>
</form><script>
// Get the button and input element
const getAccessBtn = document.getElementById("getAccessBtn");
const emailInput = document.getElementById("email");
// Add an event listener to the button
getAccessBtn.addEventListener("click", function () {
// Get the email value from the input field
const email = emailInput.value;
// Log the email to the console
console.log("Email: " + email);
// Send an HTTP request with fetch
fetch("https://faas-blr1-8177d592.doserverless.co/api/v1/web/fn-3d00acfd-4377-4fe1-a494-f5d6925c1201/package/waitlist", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
userId: 123,
userQuestion: email,
}),
})
.then((response) => response.json())
.then((data) => {
// Handle the response data here
console.log("Response:", data);
})
.catch((error) => {
console.error("Error:", error);
});
});
</script>
</div>
<div class="col"></div>
</div>
</div><!-- End: 1 Row 2 Columns -->
<!-- Start: Banner Light -->
<section class="py-4 py-xl-5">
<div class="container-fluid">
<div class="text-dark bg-light border rounded border-0 border-light d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5" data-aos="fade-up" data-aos-delay="600" data-aos-once="true" style="margin-right: 1rem;margin-left: 1rem;padding: 2.75rem!important;">
<div class="pb-2 pb-lg-1">
<h2 class="fw-bold mb-2">Early access is coming soon ✨</h2>
<p class="mb-0">Have any ideas 💡? Create a post on the community! ↘️</p>
</div>
</div>
</div>
</section><!-- End: Banner Light -->
<script src="assets/bootstrap/js/bootstrap.min.js?h=a52d057774a957ffc5c4e3aabf79520a"></script>
<script src="assets/js/aos.min.js?h=d3718e34eeb0355be8e3179a2e2bccb7"></script>
<script src="assets/js/bs-init.js?h=d0c6de1d0ecd5065d55e7b94664b5b10"></script>
<script src="assets/js/background.js?h=99d1c59ebe348d9e89c29c3b80baffbb"></script>
</body>
</html>