-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (177 loc) Β· 16.2 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
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
<!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/">
<meta property="og:url" content="https://schooltool.io/">
<meta name="description" content="School Tool is an innovative π‘ new platform that puts the productivity πΌ back into education . Check us out today β¨!">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "School Tool",
"url": "https://schooltool.io"
}
</script>
<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-fluid" 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" style="color: rgb(255,255,255);margin-left: 0.7rem;padding: 0.25rem;"><span class="gtext-lightning">Supercharge</span> Your Academic <span class="gtext-green">Success</span></h1>
<h4 class="display-1" style="color: rgb(255,255,255);margin-top: 1rem;font-size: 1.5rem;margin-left: 0.7rem;padding: 0.5rem;padding-top: 0px;">Be ahead of the rest with School Tool π</h4>
<form class="text-start d-md-flex d-lg-flex justify-content-md-start justify-content-lg-start my-2" style="margin-left:0.7rem;padding:0.5rem;">
<div class="my-2"><input class="form-control form-control form-control" type="email" id="email" name="email" placeholder="Email..." style="padding: 0.5rem;min-width: 19rem;background: rgb(117,117,117);border-style: none;" disabled="" readonly=""></div>
<div class="my-2"><button class="btn btn-secondary disabled ms-sm-2" id="getAccessBtn" type="button" style="padding:0.5rem;" 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>
</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">GPT-4 Access Rolling out!</h2>
<p class="mb-0">Introducing access <strong>World's Most Powerful AI</strong></p>
</div>
<div class="my-2"><a class="btn btn-primary" role="button" style="margin: 0.5rem;font-size: 1rem!important;" href="waitlist.html">Get Access πͺ</a><a class="btn btn-primary" role="button" style="background: transparent;border-style: solid;border-color: rgb(13,110,253);color: rgb(13,110,253);margin-left: 0.5rem;font-size: 1rem!important;" href="waitlist.html">Already have access? π</a></div>
</div>
</div>
</section><!-- End: Banner Light -->
<!-- Start: Features Minimal -->
<div class="container py-4 py-xl-5" style="padding: 2rem;background: radial-gradient(#040031 1%, rgb(1,2,36) 19%, rgb(0,0,0) 58%, black 100%);padding-top: 0.5rem!Important;">
<div>
<h1 data-aos="fade" data-aos-once="true" style="color: rgb(255,255,255);padding: 0.5rem;">Features</h1>
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3">
<div class="col" data-aos="fade-up" data-aos-delay="50" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-motherboard-fill">
<path d="M5 7h3V4H5v3Z"></path>
<path d="M1 2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-2H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 9H1V8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6H1V5H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 2H1Zm11 .5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7Zm2 0a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7ZM3.5 10a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm0 2a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6ZM4 4h-.5a.5.5 0 0 0 0 1H4v1h-.5a.5.5 0 0 0 0 1H4a1 1 0 0 0 1 1v.5a.5.5 0 0 0 1 0V8h1v.5a.5.5 0 0 0 1 0V8a1 1 0 0 0 1-1h.5a.5.5 0 0 0 0-1H9V5h.5a.5.5 0 0 0 0-1H9a1 1 0 0 0-1-1v-.5a.5.5 0 0 0-1 0V3H6v-.5a.5.5 0 0 0-1 0V3a1 1 0 0 0-1 1Zm7 7.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5Z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Experience<strong> Ultra Advanced AI</strong></h5>
</div>
</div>
</div>
<div class="col" data-aos="fade" data-aos-delay="150" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mortarboard-fill">
<path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z"></path>
<path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Generate HPL With <strong>AI</strong></h5>
</div>
</div>
</div>
<div class="col" data-aos="fade" data-aos-delay="250" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-briefcase-fill">
<path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z"></path>
<path d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Have An Advanced <strong>Study Assistant</strong></h5>
</div>
</div>
</div>
<div class="col" data-aos="fade" data-aos-delay="350" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-chat-left-quote">
<path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"></path>
<path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Stay <strong>motivated </strong>with quotes</h5>
</div>
</div>
</div>
<div class="col" data-aos="fade" data-aos-delay="450" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-table">
<path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Check Your Lessons <strong>Seamlessly</strong></h5>
</div>
</div>
</div>
<div class="col" data-aos="fade" data-aos-delay="550" data-aos-once="true">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon sm"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-cash-coin">
<path fill-rule="evenodd" d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"></path>
<path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z"></path>
<path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"></path>
<path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1" style="color: rgb(255,255,255);">Get Rewarded <span style="font-size: small;padding: 0.25rem;border-radius: 6px;border-style: none;background: rgba(33,123,255,0.58);">Coming soon</span></h5>
</div>
</div>
</div>
</div>
</div>
</div><!-- End: Features Minimal -->
<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>