-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
269 lines (254 loc) · 13.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="cf-2fa-verify" content="a78578b12c19bed">
<!-- Page Title -->
<title>Space Suite</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<!-- Style -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header:START -->
<header class="header">
<nav class="navbar navbar-expand-lg bg-section-primary pt-4 px-4 top-header" id="mainNav">
<div class="container-fluid px-lg">
<span class="navbar-brand mb-0 h1 position-relative">
<img src="assets/images/space-logo.svg" alt="Space Logo" width="178">
</span>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="https://app.intospace.io">Login</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Header:END -->
<!-- Section First::START -->
<section class="section section-first bg-section-primary">
<div class="container-fluid p-lg pt-0">
<div class="row d-flex align-items-center">
<div class="col-lg-7">
<div class="card">
<div class="card-body">
<h5 class="section-card-title mb-4">Document-based collaboration tool</h5>
<p class="section-card-desc">Brainstorm, plan and write in a single tool.</p>
<form onsubmit="betaRequest(event, this);">
<div class="input-group input-custome position-relative mb-2" style="margin-top:89px">
<input
type="email "
class="form-control rounded-0"
name="emailId"
id="emailId"
placeholder="Enter email id"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
required
>
<div class="input-group-prepend">
<input type="submit" value="Join Beta" class="btn btn-primary btn-sm rounded-0">
</div>
</div>
</form>
<div class="text-muted">
<p class="input-info mb-1">We are accepting Beta users only.</p>
<p class="input-info">*Users you add in Beta are <strong>free for lifetime</strong> in your workspace</p>
</div>
</div>
</div>
</div>
<div class="col-lg-5 text-center">
<img src="assets/images/tool.svg" alt="tool">
</div>
</div>
</div>
</section>
<!-- Section First::END -->
<!-- Section Second::START -->
<section class="section section-second bg-section-secondary">
<div class="container-fluid p-lg">
<div class="row d-flex align-items-center">
<div class="col-lg-5 text-center">
<figure>
<img src="assets/images/priority.svg" alt="priority">
</figure>
</div>
<div class="col-lg-7">
<div class="card">
<div class="card-body">
<h5 class="section-card-title mb-4">Maintain your productivity</h5>
<p class="section-card-desc mb-4">Priority, Focus and Simplicity are the three major points that can keep you productive all the time.</p>
<p class="section-card-desc mb-4">We have built a new style documentation managing platform from the ground up to facilitate your creative thinking with better support. Space lets you explore traditional documents, but helps you work in a more free-form manner for better brainstorming, mind-mapping, and exploration.</p>
<p class="section-card-desc mb-4">Manage your tasks and knowledge-base with simplicity. </p>
<p class="section-card-desc mb-4">Space is easy to search and manage the document you have created.</p>
<div class="pic-wrp">
<img src="assets/images/spacer-table.svg" class="w-100">
<img src="assets/images/priority-table.svg" id="priority-table" alt="sapce panel" class="w-100 panel-pic">
<img src="assets/images/all-table.svg" id="all-table" alt="sapce panel" class="w-100 panel-pic" style="display: none;">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Second::END -->
<!-- Section Third::START -->
<section class="section section-third bg-section-primary">
<div class="container-fluid p-lg">
<div class="row d-flex align-items-center">
<div class="col-lg-7">
<div class="card">
<div class="card-body">
<h5 class="section-card-title mb-4">Create your own private doc and share with collaborators</h5>
<p class="section-card-desc mb-4">Creating docs was always easy, but managing them was difficult until Space introduced Private doc management. Create Space doc or include the existing Google doc URL.</p>
</div>
</div>
</div>
<div class="col-lg-5 text-center">
<figure>
<img src="assets/images/private.svg" alt="private">
</figure>
</div>
</div>
</div>
</section>
<!-- Section Third::END -->
<!-- Section Forth::START -->
<section class="section section-forth bg-section-secondary">
<div class="container-fluid p-lg">
<div class="row d-flex align-items-center">
<div class="col-lg-5 text-center">
<figure>
<img src="assets/images/cmd.svg" alt="CMD">
</figure>
</div>
<div class="col-lg-7">
<div class="card">
<div class="card-body">
<h5 class="section-card-title">Cmd/Ctrl+K</h5>
<h5 class="section-card-title mb-4">Quickly search for ideas, notes, and tasks.</h5>
<p class="section-card-desc mb-4">We know searching docs was never easy, so we made it as frictionless as possible to search for things as they pop up in your mind. Open Space's command prompt with a simple keystroke, and it will interpret what you write to automatically log notes and search doc for you.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Forth::END -->
<!-- Section Six::START -->
<section class="section section-six bg-section-primary">
<div class="container-fluid p-lg">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body text-center">
<h5 class="section-card-title mb-4">On a mission to unlock simplicity</h5>
<p class="section-card-desc mb-5 pb-4">We've been building creative tools together for over a decade and have a deep appreciation for the needs creative minds have while "inflow." We're dedicated to building better tools, so you spend less time struggling with them and more time focusing on bringing your ideas to life.</p>
<div class="row">
<div class="col-lg-3 member-card">
<img src="assets/images/pushpendra.png" alt="Pushpendra Agrawal" class="img-fluid">
<h6 class="member-name">Pushpendra Agrawal</h6>
<span class="member-position">The Idea guy</span>
</div>
<div class="col-lg-3 member-card">
<img src="assets/images/priyanka.png" alt="Priyanka Pathak" class="img-fluid">
<h6 class="member-name">Priyanka Pathak</h6>
<span class="member-position">CTO</span>
</div>
<div class="col-lg-3 member-card">
<img src="assets/images/ashish.png" alt="Ashish Yadav" class="img-fluid">
<h6 class="member-name">Ashish Yadav</h6>
<span class="member-position">CDO</span>
</div>
<div class="col-lg-3 member-card">
<img src="assets/images/ravi.png" alt="Ravi Paliwal" class="img-fluid">
<h6 class="member-name">Ravi Paliwal</h6>
<span class="member-position">COO</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Six::END -->
<!-- Section Seventh::START -->
<section class="section section-seventh bg-section-primary">
<div class="container-fluid p-lg">
<div class="row">
<div class="col-lg-12 text-center">
<img src="assets/images/space-square-logo.svg" alt="Space Logo" style="margin-bottom: 102px;" class="space-icon">
<h5 class="section-card-title mb-4">Simple, Beautiful, Fast</h5>
<p class="section-card-desc-secondary mb-5 pb-4">Coming soon <span class="d-block">Realtime collaboration, Publish documents, White label domain</span></p>
</div>
</div>
</div>
</section>
<!-- Section seventh::END -->
<!-- Footer:START -->
<footer class="footer">
<div class="container-fluid p-lg py-3 bg-section-primary">
<div class="row d-flex align-items-end">
<div class="col-lg-3 ">
SPACE <a href="https://walkover.in" target="_blank">By Walkover</a>
</div>
<div class="col-lg-6 text-center">
<!-- <h6 class="mb-4">Available on</h6>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/chrome.svg" alt="" width="35"></a>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/linux.svg" alt="" width="35"></a>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/monitor.svg" alt="" width="35"></a>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/windows.svg" alt="" width="35"></a>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/android-logo.svg" alt="" width="35"></a>
<a href="javascript:void(0);" class="mr-3"><img src="assets/images/mac-os-logo.svg" alt="" width="35"></a> -->
</div>
<div class="col-lg-3">
<a href="https://docs.google.com/document/d/1eg0UTjn7wwirLg1XRFzslWaJ0YUF3f8ZOgmbmynSZCM" class="mr-3" target="_blank">Privacy policy</a>
<a href="https://docs.google.com/document/d/1ubIWE-SIZ8Z4b2lFB5iafkquXfNuRJrzOuE10KT_eW8" target="_blank">Terms & conditions</a>
</div>
</div>
</div>
</footer>
<!-- Footer:END -->
<script src="./assets/js/jquery-1.9.1.min.js"></script>
<script>
function betaRequest(e, ts){
e.preventDefault();
var email = $("#emailId").val();
window.open('https://sokt.io/forms/iVhg.html?email='+ email, '_blank');
var request = $.ajax({
url: "https://sokt.io/RqXu62HY7FwysqEuVaFy/space-space-beta-user",
type: "POST",
data: $(ts).serialize(),
success: function(res){
console.log('response',res);
}
});
}
var all = false;
setInterval(function(){
if(all){
$("#priority-table").fadeOut()
$("#all-table").fadeIn()
all = false;
} else {
$("#priority-table").fadeIn()
$("#all-table").fadeOut()
all = true;
}
},3000)
</script>
</body>
</html>