-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
133 lines (114 loc) · 28.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
<!DOCTYPE html><html data-bs-theme="dark" lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Home - PSA</title><meta name="description" content="Project study app">
<script>
(function() {
// JavaScript snippet handling Dark/Light mode switching
const getStoredTheme = () => localStorage.getItem('theme');
const setStoredTheme = theme => localStorage.setItem('theme', theme);
const forcedTheme = document.documentElement.getAttribute('data-bss-forced-theme');
const getPreferredTheme = () => {
if (forcedTheme) return forcedTheme;
const storedTheme = getStoredTheme();
if (storedTheme) {
return storedTheme;
}
const pageTheme = document.documentElement.getAttribute('data-bs-theme');
if (pageTheme) {
return pageTheme;
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
const setTheme = theme => {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark');
} else {
document.documentElement.setAttribute('data-bs-theme', theme);
}
}
setTheme(getPreferredTheme());
const showActiveTheme = (theme, focus = false) => {
const themeSwitchers = [].slice.call(document.querySelectorAll('.theme-switcher'));
if (!themeSwitchers.length) return;
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active');
element.setAttribute('aria-pressed', 'false');
});
for (const themeSwitcher of themeSwitchers) {
const btnToActivate = themeSwitcher.querySelector('[data-bs-theme-value="' + theme + '"]');
if (btnToActivate) {
btnToActivate.classList.add('active');
btnToActivate.setAttribute('aria-pressed', 'true');
}
}
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
const storedTheme = getStoredTheme();
if (storedTheme !== 'light' && storedTheme !== 'dark') {
setTheme(getPreferredTheme());
}
});
window.addEventListener('DOMContentLoaded', () => {
showActiveTheme(getPreferredTheme());
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', (e) => {
e.preventDefault();
const theme = toggle.getAttribute('data-bs-theme-value');
setStoredTheme(theme);
setTheme(theme);
showActiveTheme(theme);
})
})
});
})();
</script><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=5fe79462834491b3bde4026987c3b88c"><link rel="manifest" href="manifest.json?h=dc2d7ac4eff5215f4f47c07ad4b6e60d"><link rel="stylesheet" href="assets/css/styles.min.css?h=7f857f1640fd26c957fd72881da80eb1"></head><body><!-- Start: Navbar Centered Links --><nav class="navbar navbar-expand-md fixed-top navbar-shrink py-3 navbar-light" id="mainNav"><div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>PSA</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><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 mx-auto"><li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li><li class="nav-item"><a class="nav-link" href="features.html">Features</a></li><li class="nav-item"><a class="nav-link" href="integrations.html">Integrations</a></li><li class="nav-item"><a class="nav-link" href="testimonials.html">Testimonials</a></li><li class="nav-item"><a class="nav-link" href="contacts.html">Contacts</a></li><li class="nav-item"><a class="nav-link" href="login.html">Log in</a></li></ul><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg><div class="theme-switcher dropdown"><a class="dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><div class="dropdown-menu"><a class="dropdown-item d-flex align-items-center" href="#" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill opacity-50 me-2">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg>Light</a><a class="dropdown-item d-flex align-items-center" href="#" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill opacity-50 me-2">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path>
<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
</svg>Dark</a><a class="dropdown-item d-flex align-items-center" href="#" data-bs-theme-value="auto"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-circle-half opacity-50 me-2">
<path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>
</svg>Auto</a></div></div></div></div></nav><!-- End: Navbar Centered Links --><header class="pt-5"><!-- Start: Hero Clean Reverse --><div class="container pt-4 pt-xl-5"><div class="row pt-5"><div class="col-md-8 text-center text-md-start mx-auto"><div class="text-center"><h1 class="display-4 fw-bold mb-5">Project study app</h1><p class="fs-5 text-muted mb-5">ultimate app for Gen Z academics</p><form class="d-flex justify-content-center flex-wrap" method="post" data-bs-theme="light"><div class="shadow-lg mb-3"><input class="form-control" type="email" name="email" placeholder="Your Email"></div><div class="shadow-lg mb-3"><button class="btn btn-primary" type="submit">join us</button></div></form></div></div><div class="col-12 col-lg-10 mx-auto"><div class="text-center position-relative"><img class="img-fluid" src="assets/img/illustrations/meeting.svg?h=c663f8d8c612bee13c84963c242e37c8" style="width: 800px;"></div></div></div></div><!-- End: Hero Clean Reverse --></header><section><!-- Start: Features Centered Icons --><div class="container py-4 py-xl-5"><div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-lg-3"><div class="col"><div class="card border-light border-1 d-flex justify-content-center p-4"><div class="card-body"><div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path>
<path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path>
</svg></div><div><h4 class="fw-bold">Focus</h4><p class="text-muted">Project study app features a beautiful, minimalist web interface that allows you to focus on studying.</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg><br></button></div></div></div></div><div class="col"><div class="card border-light border-1 d-flex justify-content-center p-4"><div class="card-body"><div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path>
<path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path>
</svg></div><div><h4 class="fw-bold">Accessibility</h4><p class="text-muted">Access all your usual school websites, study materials right from our web interface</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg><br></button></div></div></div></div><div class="col"><div class="card border-light border-1 d-flex justify-content-center p-4"><div class="card-body"><div class="bs-icon-lg bs-icon-rounded bs-icon-secondary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-school">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path>
<path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path>
</svg></div><div><h4 class="fw-bold">Connect</h4><p class="text-muted">Project study app allows you to connect with students in your school, and all over the world</p><button class="btn btn-sm px-0" type="button">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg><br></button></div></div></div></div></div></div><!-- End: Features Centered Icons --></section><section><!-- Start: Hero Clean Reverse --><div class="container py-4 py-xl-5"><div class="row"><div class="col-md-6"><h3 class="display-6 fw-bold pb-md-4">Features that make you study more <span class="underline">productively</span></h3></div><div class="col-md-6 pt-4"><p class="text-muted mb-4">minimalist interface, assistive psychology, wide integrations, connect seamlessly, share links and educational content, etc</p></div></div><div class="row gy-4 gy-md-0"><div class="col-md-6 d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"><div><div class="row gy-2 row-cols-1 row-cols-sm-2"><div class="col text-center text-md-start"><div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-secondary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="12" cy="12" r="4"></circle>
<path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg><h5 class="fw-bold mb-0 ms-2">minimal</h5></div><p class="text-muted my-3">PSA has a minimalist interface aiding easy focus and concentration</p></div><div class="col text-center text-md-start"><div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-secondary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="12" cy="12" r="4"></circle>
<path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg><h5 class="fw-bold mb-0 ms-2">assistive</h5></div><p class="text-muted my-3">From the colors, to the animations, and presentation of everything</p></div><div class="col text-center text-md-start"><div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-secondary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="12" cy="12" r="4"></circle>
<path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg><h5 class="fw-bold mb-0 ms-2">integrative</h5></div><p class="text-muted my-3">heck, you can integrate PSA with all your school websites and manage multiple learning platforms</p></div><div class="col text-center text-md-start"><div class="d-flex justify-content-center align-items-center justify-content-md-start"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-sun fs-3 text-primary bg-secondary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="12" cy="12" r="4"></circle>
<path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>
</svg><h5 class="fw-bold mb-0 ms-2"><strong>connective</strong></h5></div><p class="text-muted my-3">connect and make friends, share course materials, and what have you?!</p></div></div></div></div><div class="col-md-6 order-first order-md-last"><div><img class="rounded img-fluid w-100 fit-cover" style="min-height: 300px;" src="assets/img/illustrations/teamwork.svg?h=c9d16670db4191bc86105dabde77d312"></div></div></div></div><!-- End: Hero Clean Reverse --></section><section><!-- Start: Hero Clean Reverse --><div class="container py-4 py-xl-5"><div class="row gy-4 gy-md-0"><div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center"><div><img class="rounded img-fluid fit-cover" style="min-height: 300px;" src="assets/img/illustrations/presentation.svg?h=a949db52f9d6c50dd266e4eb5044d95a" width="800"></div></div><div class="col"><div style="max-width: 450px;"><h3 class="fw-bold pb-md-4">Features that make your team more <span class="underline">productive</span></h3><p class="text-muted py-4 py-md-0">Project study app also allows you to form a study team with a group of individuals</p><div class="row gy-4 row-cols-2 row-cols-md-2"><div class="col"><div><span class="fs-2 fw-bold text-primary bg-secondary">40+</span><p class="fw-normal text-muted">Amazing study plugins</p></div></div><div class="col"><div><span class="fs-2 fw-bold text-primary bg-secondary">100+</span><p class="fw-normal text-muted">award badges for best learners</p></div></div><div class="col"><div><span class="fs-2 fw-bold text-primary bg-secondary">123+</span><p class="fw-normal text-muted">like minded learners</p></div></div><div class="col"><div><span class="fs-2 fw-bold text-primary bg-secondary">123+</span><p class="fw-normal text-muted">connected sites</p></div></div></div></div></div></div></div><!-- End: Hero Clean Reverse --></section><!-- Start: Banner Heading Image --><section class="py-4 py-xl-5"><!-- Start: 1 Row 2 Columns --><div class="container"><div class="bg-primary border rounded border-0 border-primary overflow-hidden"><div class="row g-0"><div class="col-md-6 d-flex flex-column justify-content-center"><div class="text-white p-4 p-md-5"><h2 class="fw-bold mb-3">Whaddya waitin' fo?!</h2><p class="mb-4">Join our large community of students, tutors, academics, life long learners to make knowledge more accessible for everyone!</p><div class="my-3"><a class="btn btn-secondary me-2 mt-2" role="button" href="#">Sign up</a><a class="btn btn-light mt-2" role="button" href="#">Login</a></div></div></div><div class="col-md-6 order-first order-md-last" style="min-height: 250px;"><img class="w-100 h-100 fit-contain pt-5 pt-md-0" src="assets/img/illustrations/web-development.svg?h=b53e17a605148633758769f0842db9a4"></div></div></div></div><!-- End: 1 Row 2 Columns --></section><!-- End: Banner Heading Image --><section class="py-5"><!-- Start: Pricing Clean --><div class="container py-4 py-xl-5"><div class="row mb-5"><div class="col-md-8 col-xl-6 text-center mx-auto"><h2 class="display-6 fw-bold mb-4">Check out<br>our <span class="underline">amazing study modes</span></h2><p class="text-muted">Choose your study mode and discover your super power!</p></div></div><div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-lg-3"><div class="col"><div class="card border-0 h-100"><div class="card-body d-flex flex-column justify-content-between p-4"><div><h6 class="fw-bold text-muted">Standard</h6><h4 class="display-5 fw-bold mb-4">Learner mode</h4><ul class="list-unstyled"><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>focused study</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>Feature for connecting to study pods</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>Chatting with other learners</span></li></ul></div><a class="btn btn-primary" role="button" href="#">Button</a></div></div></div><div class="col"><div class="card border-secondary border-2 h-100"><div class="card-body d-flex flex-column justify-content-between p-4"><span class="badge bg-secondary position-absolute top-0 end-0 rounded-bottom-left text-uppercase text-primary">Most Popular</span><div><h6 class="fw-bold text-muted">Advanced</h6><h4 class="display-5 fw-bold mb-4">Pro mode</h4><ul class="list-unstyled"><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>All features of Learner mode</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>Video conferencing, game mode</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>create and share content</span></li></ul></div><a class="btn btn-warning" role="button" href="#">Button</a></div></div></div><div class="col"><div class="card border-0 h-100"><div class="card-body d-flex flex-column justify-content-between p-4"><div class="pb-4"><h6 class="fw-bold text-muted">Carefree</h6><h4 class="display-5 fw-bold mb-4">Surfer mode</h4><ul class="list-unstyled"><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>All features of Pro mode</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>Connect to more study platforms</span></li><li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"></span><span>Video conferencing, game mode</span></li><li class="d-flex mb-2"></li></ul></div><a class="btn btn-primary" role="button" href="#">Button</a></div></div></div></div></div><!-- End: Pricing Clean --></section><!-- Start: FAQ --><section class="py-4 py-xl-5 mb-5"><div class="container"><div class="row mb-2"><div class="col-md-8 col-xl-6 text-center mx-auto"><h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">FAQ<br></span></h2><p class="text-muted mb-5">Remember, it's okay to ask questions...</p></div></div><div class="row mb-2"><div class="col-md-8 mx-auto"><div class="accordion text-muted" role="tablist" id="accordion-1"><div class="accordion-item"><h2 class="accordion-header" role="tab"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Is Project study app free?</button></h2><div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1"><div class="accordion-body"><p>Absolutely! Project study app is ever free for everyone, everytime, everywhere</p></div></div></div><div class="accordion-item"><h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">What is Project study app for?</button></h2><div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1"><div class="accordion-body"><p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p></div></div></div><div class="accordion-item"><h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Who are the team?</button></h2><div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1"><div class="accordion-body"><p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p></div></div></div></div></div></div></div></section><!-- End: FAQ --><!-- Start: Contact Us Banner --><section class="py-4 py-xl-5"><div class="container"><div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5"><div class="pb-2 pb-lg-1"><h2 class="fw-bold text-secondary mb-2">Not sure how to use Project study app?</h2><p class="mb-0">Feel free to learn more here...</p></div><div class="my-2"><a class="btn btn-light fs-5 py-2 px-4" role="button" href="contacts.html">Contact us</a></div></div></div></section><!-- End: Contact Us Banner --><!-- Start: Footer Multi Column --><footer><div class="container py-4 py-lg-5"><div class="row row-cols-2 row-cols-md-4"><!-- Start: Social Icons --><div class="col-12 col-md-3"><div class="fw-bold d-flex align-items-center mb-2"><span>PSA</span></div><p class="text-muted">Project study app</p></div><!-- End: Social Icons --><!-- Start: Services --><div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"><h3 class="fs-6 fw-bold">Services</h3><ul class="list-unstyled"><li><a href="#">Study integrations</a></li><li><a href="#">learning environment</a></li><li><a href="#">sharing</a></li></ul></div><!-- End: Services --><!-- Start: About --><div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"><h3 class="fs-6 fw-bold">About</h3><ul class="list-unstyled"><li><a href="#">Company</a></li><li><a href="#">Team</a></li><li></li></ul></div><!-- End: About --><!-- Start: Careers --><div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column"><h3 class="fs-6 fw-bold">Careers</h3><ul class="list-unstyled"><li><a href="#">Join our open source community</a></li><li></li></ul></div><!-- End: Careers --></div><hr><div class="text-muted d-flex justify-content-between align-items-center pt-3"><p class="mb-0">Copyright © 2024 PSA</p><ul class="list-inline mb-0"><li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg></li><li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li><li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-telegram">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"></path>
</svg></li></ul></div></div></footer><!-- End: Footer Multi Column --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script><script src="assets/js/script.min.js?h=4b1f99f2e8ff6ac8a7c04891f6b7129c"></script></body></html>