@cocreate/scroll 1.5.11 → 1.5.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/FUNDING.yml +3 -3
- package/.github/workflows/automated.yml +95 -95
- package/.github/workflows/manual.yml +44 -44
- package/CHANGELOG.md +1178 -1171
- package/CONTRIBUTING.md +96 -96
- package/CoCreate.config.js +26 -26
- package/LICENSE +21 -21
- package/README.md +85 -85
- package/demo/index.html +365 -365
- package/docs/index.html +439 -439
- package/package.json +65 -65
- package/release.config.js +21 -21
- package/src/index.js +254 -254
- package/webpack.config.js +84 -84
package/demo/index.html
CHANGED
|
@@ -1,365 +1,365 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
6
|
-
<meta
|
|
7
|
-
name="description"
|
|
8
|
-
content="Instantly create a start-up or manage and grow an existing business, all-in-one Realtime callobrative solution complete with many automation's and a customizable website." />
|
|
9
|
-
<meta name="keywords" content="CoCreate, app landing, responsive" />
|
|
10
|
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
11
|
-
<title>CoCreate - Build your business in minutes.</title>
|
|
12
|
-
|
|
13
|
-
<link rel="manifest" href="/manifest.webmanifest" />
|
|
14
|
-
</head>
|
|
15
|
-
|
|
16
|
-
<style>
|
|
17
|
-
.overlay-scroll {
|
|
18
|
-
overflow: overlay !important;
|
|
19
|
-
position: relative;
|
|
20
|
-
overflow-anchor: none;
|
|
21
|
-
-ms-overflow-style: none;
|
|
22
|
-
touch-action: auto;
|
|
23
|
-
-ms-touch-action: auto;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
::-webkit-scrollbar {
|
|
27
|
-
width: 5px;
|
|
28
|
-
height: 5px;
|
|
29
|
-
}
|
|
30
|
-
::-webkit-scrollbar-thumb:hover {
|
|
31
|
-
background: #3790ff !important;
|
|
32
|
-
}
|
|
33
|
-
::-webkit-scrollbar-thumb {
|
|
34
|
-
background: rgba(0, 0, 0, 0.08) !important;
|
|
35
|
-
}
|
|
36
|
-
::-webkit-scrollbar-track {
|
|
37
|
-
background: rgba(0, 0, 0, 0.06) !important;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.hidden {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.scrolling {
|
|
45
|
-
background-color: rgb(226, 31, 210);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.scroll_top {
|
|
49
|
-
background-color: red;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.scroll_limbo {
|
|
53
|
-
background-color: green;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.scroll_bottom {
|
|
57
|
-
background-color: blue;
|
|
58
|
-
}
|
|
59
|
-
</style>
|
|
60
|
-
<body>
|
|
61
|
-
<!-- Navbar -->
|
|
62
|
-
<div
|
|
63
|
-
class="display:flex flex-wrap:wrap justify-content:space-between flex-direction:row padding-top:10px padding-bottom:10px width:100% nav"
|
|
64
|
-
content_id="content"
|
|
65
|
-
scroll-top="scroll_top"
|
|
66
|
-
scroll-bottom="scroll_bottom"
|
|
67
|
-
scroll="hidden, sticky-nav"
|
|
68
|
-
scroll-up="10"
|
|
69
|
-
scroll-down="5">
|
|
70
|
-
<!--<a href="#" class="logo">Navbar</a>-->
|
|
71
|
-
<div
|
|
72
|
-
class="margin:0px_15px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center width:100%">
|
|
73
|
-
<div class="logo-box">
|
|
74
|
-
<a href="/">
|
|
75
|
-
<img src="https://cocreate.app/assets/logo.png" />
|
|
76
|
-
</a>
|
|
77
|
-
</div>
|
|
78
|
-
|
|
79
|
-
<a
|
|
80
|
-
class="nav-toggle menu_icon--hamburger show-on-phone-only"
|
|
81
|
-
toggle-sidenav="menuL">
|
|
82
|
-
<span></span>
|
|
83
|
-
<span></span>
|
|
84
|
-
<span></span>
|
|
85
|
-
</a>
|
|
86
|
-
|
|
87
|
-
<div
|
|
88
|
-
class="display:flex align-items:center show-on-tablet-and-up">
|
|
89
|
-
<div class="">
|
|
90
|
-
<a href="">Home</a>
|
|
91
|
-
</div>
|
|
92
|
-
<div class="margin-left:25px">
|
|
93
|
-
<a href="">Features</a>
|
|
94
|
-
</div>
|
|
95
|
-
<div class="margin-left:25px">
|
|
96
|
-
<a href="https://server.cocreate.app/documentation/"
|
|
97
|
-
>Documentation</a
|
|
98
|
-
>
|
|
99
|
-
</div>
|
|
100
|
-
<div class="margin-left:25px">
|
|
101
|
-
<a href="">Pricing</a>
|
|
102
|
-
</div>
|
|
103
|
-
<div class="margin-left:25px">
|
|
104
|
-
<a href="#spreadtheword">Spread the word</a>
|
|
105
|
-
</div>
|
|
106
|
-
<div class="margin-left:25px">
|
|
107
|
-
<a
|
|
108
|
-
class="border:1px_black_solid border-radius:50px padding:10px"
|
|
109
|
-
href=""
|
|
110
|
-
>Get Started
|
|
111
|
-
<i
|
|
112
|
-
class="height:16px fill:#505050"
|
|
113
|
-
src="/assets/svg/chevron-right.svg"></i
|
|
114
|
-
></a>
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
</div>
|
|
119
|
-
<section
|
|
120
|
-
class="padding-top:80px padding-bottom:40px"
|
|
121
|
-
scroll
|
|
122
|
-
scrolling="scrolling">
|
|
123
|
-
<div class="max-width:90% margin:0px_auto">
|
|
124
|
-
<div
|
|
125
|
-
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
|
|
126
|
-
<div class="flex-grow:1 min-width:300px width:50%">
|
|
127
|
-
<video loop autoplay muted class="width:100%">
|
|
128
|
-
<source
|
|
129
|
-
src="https://cocreate.app/assets/dashboard-video.mp4"
|
|
130
|
-
type="video/mp4" />
|
|
131
|
-
</video>
|
|
132
|
-
</div>
|
|
133
|
-
<div
|
|
134
|
-
class="flex-grow:1 min-width:300px width:50% padding:0px_15px font-size:16px">
|
|
135
|
-
<h1 class="font-size:2rem">
|
|
136
|
-
Build your buisness in
|
|
137
|
-
<span class="color-blue">minutes</span>
|
|
138
|
-
</h1>
|
|
139
|
-
<p class="margin-top:10px">
|
|
140
|
-
Collaborate. Track. Sell. Manage with ease.
|
|
141
|
-
</p>
|
|
142
|
-
<a
|
|
143
|
-
class="btn display:inline-block bg-blue color:white border-radius-50px margin-top:20px padding:10px_0px padding:0px_30px"
|
|
144
|
-
>Get Started</a
|
|
145
|
-
>
|
|
146
|
-
</div>
|
|
147
|
-
</div>
|
|
148
|
-
</div>
|
|
149
|
-
</section>
|
|
150
|
-
<section
|
|
151
|
-
class="bg-light-gray padding:25px_0px"
|
|
152
|
-
scroll
|
|
153
|
-
scroll-limbo="scroll_limbo">
|
|
154
|
-
<div class="max-width:90% margin:0px_auto">
|
|
155
|
-
<div
|
|
156
|
-
class="padding:25px_0px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center">
|
|
157
|
-
<div class="padding:0px_10px">
|
|
158
|
-
<img
|
|
159
|
-
src="https://cocreate.app/assets/client-01.png"
|
|
160
|
-
class="max-height:60px width:auto" />
|
|
161
|
-
</div>
|
|
162
|
-
<div class="padding:0px_10px">
|
|
163
|
-
<img
|
|
164
|
-
src="https://cocreate.app/assets/client-02.png"
|
|
165
|
-
class="max-height:60px width:auto" />
|
|
166
|
-
</div>
|
|
167
|
-
<div class="padding:0px_10px">
|
|
168
|
-
<img
|
|
169
|
-
src="https://cocreate.app/assets/client-03.png"
|
|
170
|
-
class="max-height:60px width:auto" />
|
|
171
|
-
</div>
|
|
172
|
-
<div class="padding:0px_10px">
|
|
173
|
-
<img
|
|
174
|
-
src="https://cocreate.app/assets/client-04.png"
|
|
175
|
-
class="max-height:60px width:auto" />
|
|
176
|
-
</div>
|
|
177
|
-
<div class="padding:0px_10px">
|
|
178
|
-
<img
|
|
179
|
-
src="https://cocreate.app/assets/client-05.png"
|
|
180
|
-
class="max-height:60px width:auto" />
|
|
181
|
-
</div>
|
|
182
|
-
<div class="padding:0px_10px">
|
|
183
|
-
<img
|
|
184
|
-
src="https://cocreate.app/assets/client-06.png"
|
|
185
|
-
class="max-height:60px width:auto" />
|
|
186
|
-
</div>
|
|
187
|
-
<div class="padding:0px_10px">
|
|
188
|
-
<img
|
|
189
|
-
src="https://cocreate.app/assets/client-07.png"
|
|
190
|
-
class="max-height:60px width:auto" />
|
|
191
|
-
</div>
|
|
192
|
-
</div>
|
|
193
|
-
</div>
|
|
194
|
-
</section>
|
|
195
|
-
<section class="padding-top:80px padding-bottom:40px">
|
|
196
|
-
<div class="max-width:90% margin:0px_auto">
|
|
197
|
-
<div class="display:flex flex-wrap:wrap align-items:center">
|
|
198
|
-
<div class="flex-grow:1 min-width:300px width:50%">
|
|
199
|
-
<video loop muted class="width:100%">
|
|
200
|
-
<source
|
|
201
|
-
type="video/mp4"
|
|
202
|
-
src="https://cocreate.app/assets/on-board-video.webm" />
|
|
203
|
-
</video>
|
|
204
|
-
</div>
|
|
205
|
-
<div
|
|
206
|
-
class="flex-grow:1 min-width:300px width:50% padding-left:15px padding-right:15px">
|
|
207
|
-
<h1 class="font-size:2rem">
|
|
208
|
-
Easy onboarding, fast adoption
|
|
209
|
-
</h1>
|
|
210
|
-
<p class="margin-top:10px">
|
|
211
|
-
Getting your team on board is as simple as sending
|
|
212
|
-
an email. Getting them hooked is as simple as
|
|
213
|
-
letting them use it.
|
|
214
|
-
</p>
|
|
215
|
-
<p></p>
|
|
216
|
-
<a
|
|
217
|
-
class="text-decoration-underline margin-top:30px display:block"
|
|
218
|
-
>See all features</a
|
|
219
|
-
>
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
222
|
-
</div>
|
|
223
|
-
</section>
|
|
224
|
-
<section class="bg-light-gray padding-top:80px padding-bottom:40px">
|
|
225
|
-
<div class="max-width:90% margin:0px_auto">
|
|
226
|
-
<div
|
|
227
|
-
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
|
|
228
|
-
<div class="flex-grow:1 min-width:300px width:50%">
|
|
229
|
-
<video
|
|
230
|
-
loop
|
|
231
|
-
muted
|
|
232
|
-
class="width:100%"
|
|
233
|
-
scroll=""
|
|
234
|
-
scroll-intersect="testing">
|
|
235
|
-
<source
|
|
236
|
-
type="video/mp4"
|
|
237
|
-
src="https://cocreate.app/assets/cards.webm" />
|
|
238
|
-
</video>
|
|
239
|
-
</div>
|
|
240
|
-
<div
|
|
241
|
-
class="flex-grow:1 min-width:300px width:50% padding-left:15px padding-right:15px">
|
|
242
|
-
<h1 class="font-size:2rem">
|
|
243
|
-
Create dashboards & stay in control
|
|
244
|
-
</h1>
|
|
245
|
-
<p
|
|
246
|
-
class="margin-top:10px"
|
|
247
|
-
scroll=""
|
|
248
|
-
scroll-intersect="testing">
|
|
249
|
-
Build and customize your dashboards to gain
|
|
250
|
-
important insights and a clear overview of your
|
|
251
|
-
work.
|
|
252
|
-
</p>
|
|
253
|
-
</div>
|
|
254
|
-
</div>
|
|
255
|
-
</div>
|
|
256
|
-
</section>
|
|
257
|
-
<footer
|
|
258
|
-
id="spreadtheword"
|
|
259
|
-
class="padding:100px_0px background-size:cover background-position:center position:relative color:white"
|
|
260
|
-
style="
|
|
261
|
-
background-image: url(https://cocreate.app/assets/banner.png);
|
|
262
|
-
">
|
|
263
|
-
<div class="position:relative max-width:90% margin:0px_auto">
|
|
264
|
-
<h1 class="text-align:center padding-bottom:20px">
|
|
265
|
-
SPREAD THE WORD!
|
|
266
|
-
</h1>
|
|
267
|
-
|
|
268
|
-
<div
|
|
269
|
-
class="width:100% display:inline-block text-align:center padding-bottom:20px font-size:21px border-bottom:1px_solid_white">
|
|
270
|
-
<ul
|
|
271
|
-
class="padding-0px list-style-type:none justify-content:center display:flex">
|
|
272
|
-
<li class="padding:0px_15px">
|
|
273
|
-
<a
|
|
274
|
-
href="#"
|
|
275
|
-
class="share color:white"
|
|
276
|
-
social-network="facebook"
|
|
277
|
-
title="Share on Facebook"
|
|
278
|
-
><i
|
|
279
|
-
class="footer-icon height:20px fill:#505050"
|
|
280
|
-
src="/assets/svg/facebook-f.svg"></i
|
|
281
|
-
></a>
|
|
282
|
-
</li>
|
|
283
|
-
<li class="padding:0px_15px">
|
|
284
|
-
<a
|
|
285
|
-
href="#"
|
|
286
|
-
class="share color:white"
|
|
287
|
-
social-network="twitter"
|
|
288
|
-
><i
|
|
289
|
-
class="footer-icon height:20px fill:#505050"
|
|
290
|
-
src="/assets/svg/twitter.svg"></i
|
|
291
|
-
></a>
|
|
292
|
-
</li>
|
|
293
|
-
<li class="padding:0px_15px">
|
|
294
|
-
<a
|
|
295
|
-
href="#"
|
|
296
|
-
class="share color:white"
|
|
297
|
-
social-network="google"
|
|
298
|
-
><i
|
|
299
|
-
class="footer-icon height:20px fill:#505050"
|
|
300
|
-
src="/assets/svg/google-plus-g.svg"></i
|
|
301
|
-
></a>
|
|
302
|
-
</li>
|
|
303
|
-
<li class="padding:0px_15px">
|
|
304
|
-
<a
|
|
305
|
-
href="#"
|
|
306
|
-
class="share color:white"
|
|
307
|
-
social-network="linkedin"
|
|
308
|
-
><i
|
|
309
|
-
class="footer-icon height:20px fill:#505050"
|
|
310
|
-
src="/assets/svg/linkedin-in.svg"></i
|
|
311
|
-
></a>
|
|
312
|
-
</li>
|
|
313
|
-
<li class="padding:0px_15px">
|
|
314
|
-
<a
|
|
315
|
-
href="#"
|
|
316
|
-
class="share color:white"
|
|
317
|
-
social-network="pintrest"
|
|
318
|
-
><i
|
|
319
|
-
class="footer-icon height:20px fill:#505050"
|
|
320
|
-
src="/assets/svg/pinterest-p.svg"></i
|
|
321
|
-
></a>
|
|
322
|
-
</li>
|
|
323
|
-
</ul>
|
|
324
|
-
</div>
|
|
325
|
-
|
|
326
|
-
<p class="text-align:center padding-top:20px">
|
|
327
|
-
2015 - 2020 All Right Reserved
|
|
328
|
-
</p>
|
|
329
|
-
<p class="text-align:center">
|
|
330
|
-
<a class="color:white" href="#">CoCreate LLC</a>
|
|
331
|
-
</p>
|
|
332
|
-
</div>
|
|
333
|
-
</footer>
|
|
334
|
-
|
|
335
|
-
<div
|
|
336
|
-
id="menuL"
|
|
337
|
-
class="cocreate-sidenav background:lightgrey"
|
|
338
|
-
data-main_content="canvas,navbar"
|
|
339
|
-
sidenav-default_desktop="offcanvas"
|
|
340
|
-
sidenav-default_tablet="offcanvas"
|
|
341
|
-
sidenav-default_phone="offcanvas"
|
|
342
|
-
sidenav-expanded_width="300px">
|
|
343
|
-
<ul class="cocreate-scroll">
|
|
344
|
-
<div class="margin-left:25px">
|
|
345
|
-
<a href="">Home</a>
|
|
346
|
-
</div>
|
|
347
|
-
<div class="margin-left:25px">
|
|
348
|
-
<a href="">Features</a>
|
|
349
|
-
</div>
|
|
350
|
-
<div class="margin-left:25px">
|
|
351
|
-
<a href="">Demo</a>
|
|
352
|
-
</div>
|
|
353
|
-
<div class="margin-left:25px">
|
|
354
|
-
<a href="">Pricing</a>
|
|
355
|
-
</div>
|
|
356
|
-
<div class="margin-left:25px">
|
|
357
|
-
<a href="">Spread the word</a>
|
|
358
|
-
</div>
|
|
359
|
-
<div resize="right"></div>
|
|
360
|
-
</ul>
|
|
361
|
-
</div>
|
|
362
|
-
|
|
363
|
-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
364
|
-
</body>
|
|
365
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
6
|
+
<meta
|
|
7
|
+
name="description"
|
|
8
|
+
content="Instantly create a start-up or manage and grow an existing business, all-in-one Realtime callobrative solution complete with many automation's and a customizable website." />
|
|
9
|
+
<meta name="keywords" content="CoCreate, app landing, responsive" />
|
|
10
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
11
|
+
<title>CoCreate - Build your business in minutes.</title>
|
|
12
|
+
|
|
13
|
+
<link rel="manifest" href="/manifest.webmanifest" />
|
|
14
|
+
</head>
|
|
15
|
+
|
|
16
|
+
<style>
|
|
17
|
+
.overlay-scroll {
|
|
18
|
+
overflow: overlay !important;
|
|
19
|
+
position: relative;
|
|
20
|
+
overflow-anchor: none;
|
|
21
|
+
-ms-overflow-style: none;
|
|
22
|
+
touch-action: auto;
|
|
23
|
+
-ms-touch-action: auto;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
::-webkit-scrollbar {
|
|
27
|
+
width: 5px;
|
|
28
|
+
height: 5px;
|
|
29
|
+
}
|
|
30
|
+
::-webkit-scrollbar-thumb:hover {
|
|
31
|
+
background: #3790ff !important;
|
|
32
|
+
}
|
|
33
|
+
::-webkit-scrollbar-thumb {
|
|
34
|
+
background: rgba(0, 0, 0, 0.08) !important;
|
|
35
|
+
}
|
|
36
|
+
::-webkit-scrollbar-track {
|
|
37
|
+
background: rgba(0, 0, 0, 0.06) !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.hidden {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.scrolling {
|
|
45
|
+
background-color: rgb(226, 31, 210);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.scroll_top {
|
|
49
|
+
background-color: red;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.scroll_limbo {
|
|
53
|
+
background-color: green;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.scroll_bottom {
|
|
57
|
+
background-color: blue;
|
|
58
|
+
}
|
|
59
|
+
</style>
|
|
60
|
+
<body>
|
|
61
|
+
<!-- Navbar -->
|
|
62
|
+
<div
|
|
63
|
+
class="display:flex flex-wrap:wrap justify-content:space-between flex-direction:row padding-top:10px padding-bottom:10px width:100% nav"
|
|
64
|
+
content_id="content"
|
|
65
|
+
scroll-top="scroll_top"
|
|
66
|
+
scroll-bottom="scroll_bottom"
|
|
67
|
+
scroll="hidden, sticky-nav"
|
|
68
|
+
scroll-up="10"
|
|
69
|
+
scroll-down="5">
|
|
70
|
+
<!--<a href="#" class="logo">Navbar</a>-->
|
|
71
|
+
<div
|
|
72
|
+
class="margin:0px_15px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center width:100%">
|
|
73
|
+
<div class="logo-box">
|
|
74
|
+
<a href="/">
|
|
75
|
+
<img src="https://cocreate.app/assets/logo.png" />
|
|
76
|
+
</a>
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
<a
|
|
80
|
+
class="nav-toggle menu_icon--hamburger show-on-phone-only"
|
|
81
|
+
toggle-sidenav="menuL">
|
|
82
|
+
<span></span>
|
|
83
|
+
<span></span>
|
|
84
|
+
<span></span>
|
|
85
|
+
</a>
|
|
86
|
+
|
|
87
|
+
<div
|
|
88
|
+
class="display:flex align-items:center show-on-tablet-and-up">
|
|
89
|
+
<div class="">
|
|
90
|
+
<a href="">Home</a>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="margin-left:25px">
|
|
93
|
+
<a href="">Features</a>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="margin-left:25px">
|
|
96
|
+
<a href="https://server.cocreate.app/documentation/"
|
|
97
|
+
>Documentation</a
|
|
98
|
+
>
|
|
99
|
+
</div>
|
|
100
|
+
<div class="margin-left:25px">
|
|
101
|
+
<a href="">Pricing</a>
|
|
102
|
+
</div>
|
|
103
|
+
<div class="margin-left:25px">
|
|
104
|
+
<a href="#spreadtheword">Spread the word</a>
|
|
105
|
+
</div>
|
|
106
|
+
<div class="margin-left:25px">
|
|
107
|
+
<a
|
|
108
|
+
class="border:1px_black_solid border-radius:50px padding:10px"
|
|
109
|
+
href=""
|
|
110
|
+
>Get Started
|
|
111
|
+
<i
|
|
112
|
+
class="height:16px fill:#505050"
|
|
113
|
+
src="/assets/svg/chevron-right.svg"></i
|
|
114
|
+
></a>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
<section
|
|
120
|
+
class="padding-top:80px padding-bottom:40px"
|
|
121
|
+
scroll
|
|
122
|
+
scrolling="scrolling">
|
|
123
|
+
<div class="max-width:90% margin:0px_auto">
|
|
124
|
+
<div
|
|
125
|
+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
|
|
126
|
+
<div class="flex-grow:1 min-width:300px width:50%">
|
|
127
|
+
<video loop autoplay muted class="width:100%">
|
|
128
|
+
<source
|
|
129
|
+
src="https://cocreate.app/assets/dashboard-video.mp4"
|
|
130
|
+
type="video/mp4" />
|
|
131
|
+
</video>
|
|
132
|
+
</div>
|
|
133
|
+
<div
|
|
134
|
+
class="flex-grow:1 min-width:300px width:50% padding:0px_15px font-size:16px">
|
|
135
|
+
<h1 class="font-size:2rem">
|
|
136
|
+
Build your buisness in
|
|
137
|
+
<span class="color-blue">minutes</span>
|
|
138
|
+
</h1>
|
|
139
|
+
<p class="margin-top:10px">
|
|
140
|
+
Collaborate. Track. Sell. Manage with ease.
|
|
141
|
+
</p>
|
|
142
|
+
<a
|
|
143
|
+
class="btn display:inline-block bg-blue color:white border-radius-50px margin-top:20px padding:10px_0px padding:0px_30px"
|
|
144
|
+
>Get Started</a
|
|
145
|
+
>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</section>
|
|
150
|
+
<section
|
|
151
|
+
class="bg-light-gray padding:25px_0px"
|
|
152
|
+
scroll
|
|
153
|
+
scroll-limbo="scroll_limbo">
|
|
154
|
+
<div class="max-width:90% margin:0px_auto">
|
|
155
|
+
<div
|
|
156
|
+
class="padding:25px_0px display:flex flex-wrap:wrap justify-content:space-between flex-direction:row align-items:center">
|
|
157
|
+
<div class="padding:0px_10px">
|
|
158
|
+
<img
|
|
159
|
+
src="https://cocreate.app/assets/client-01.png"
|
|
160
|
+
class="max-height:60px width:auto" />
|
|
161
|
+
</div>
|
|
162
|
+
<div class="padding:0px_10px">
|
|
163
|
+
<img
|
|
164
|
+
src="https://cocreate.app/assets/client-02.png"
|
|
165
|
+
class="max-height:60px width:auto" />
|
|
166
|
+
</div>
|
|
167
|
+
<div class="padding:0px_10px">
|
|
168
|
+
<img
|
|
169
|
+
src="https://cocreate.app/assets/client-03.png"
|
|
170
|
+
class="max-height:60px width:auto" />
|
|
171
|
+
</div>
|
|
172
|
+
<div class="padding:0px_10px">
|
|
173
|
+
<img
|
|
174
|
+
src="https://cocreate.app/assets/client-04.png"
|
|
175
|
+
class="max-height:60px width:auto" />
|
|
176
|
+
</div>
|
|
177
|
+
<div class="padding:0px_10px">
|
|
178
|
+
<img
|
|
179
|
+
src="https://cocreate.app/assets/client-05.png"
|
|
180
|
+
class="max-height:60px width:auto" />
|
|
181
|
+
</div>
|
|
182
|
+
<div class="padding:0px_10px">
|
|
183
|
+
<img
|
|
184
|
+
src="https://cocreate.app/assets/client-06.png"
|
|
185
|
+
class="max-height:60px width:auto" />
|
|
186
|
+
</div>
|
|
187
|
+
<div class="padding:0px_10px">
|
|
188
|
+
<img
|
|
189
|
+
src="https://cocreate.app/assets/client-07.png"
|
|
190
|
+
class="max-height:60px width:auto" />
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
</section>
|
|
195
|
+
<section class="padding-top:80px padding-bottom:40px">
|
|
196
|
+
<div class="max-width:90% margin:0px_auto">
|
|
197
|
+
<div class="display:flex flex-wrap:wrap align-items:center">
|
|
198
|
+
<div class="flex-grow:1 min-width:300px width:50%">
|
|
199
|
+
<video loop muted class="width:100%">
|
|
200
|
+
<source
|
|
201
|
+
type="video/mp4"
|
|
202
|
+
src="https://cocreate.app/assets/on-board-video.webm" />
|
|
203
|
+
</video>
|
|
204
|
+
</div>
|
|
205
|
+
<div
|
|
206
|
+
class="flex-grow:1 min-width:300px width:50% padding-left:15px padding-right:15px">
|
|
207
|
+
<h1 class="font-size:2rem">
|
|
208
|
+
Easy onboarding, fast adoption
|
|
209
|
+
</h1>
|
|
210
|
+
<p class="margin-top:10px">
|
|
211
|
+
Getting your team on board is as simple as sending
|
|
212
|
+
an email. Getting them hooked is as simple as
|
|
213
|
+
letting them use it.
|
|
214
|
+
</p>
|
|
215
|
+
<p></p>
|
|
216
|
+
<a
|
|
217
|
+
class="text-decoration-underline margin-top:30px display:block"
|
|
218
|
+
>See all features</a
|
|
219
|
+
>
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
</section>
|
|
224
|
+
<section class="bg-light-gray padding-top:80px padding-bottom:40px">
|
|
225
|
+
<div class="max-width:90% margin:0px_auto">
|
|
226
|
+
<div
|
|
227
|
+
class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse">
|
|
228
|
+
<div class="flex-grow:1 min-width:300px width:50%">
|
|
229
|
+
<video
|
|
230
|
+
loop
|
|
231
|
+
muted
|
|
232
|
+
class="width:100%"
|
|
233
|
+
scroll=""
|
|
234
|
+
scroll-intersect="testing">
|
|
235
|
+
<source
|
|
236
|
+
type="video/mp4"
|
|
237
|
+
src="https://cocreate.app/assets/cards.webm" />
|
|
238
|
+
</video>
|
|
239
|
+
</div>
|
|
240
|
+
<div
|
|
241
|
+
class="flex-grow:1 min-width:300px width:50% padding-left:15px padding-right:15px">
|
|
242
|
+
<h1 class="font-size:2rem">
|
|
243
|
+
Create dashboards & stay in control
|
|
244
|
+
</h1>
|
|
245
|
+
<p
|
|
246
|
+
class="margin-top:10px"
|
|
247
|
+
scroll=""
|
|
248
|
+
scroll-intersect="testing">
|
|
249
|
+
Build and customize your dashboards to gain
|
|
250
|
+
important insights and a clear overview of your
|
|
251
|
+
work.
|
|
252
|
+
</p>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
</div>
|
|
256
|
+
</section>
|
|
257
|
+
<footer
|
|
258
|
+
id="spreadtheword"
|
|
259
|
+
class="padding:100px_0px background-size:cover background-position:center position:relative color:white"
|
|
260
|
+
style="
|
|
261
|
+
background-image: url(https://cocreate.app/assets/banner.png);
|
|
262
|
+
">
|
|
263
|
+
<div class="position:relative max-width:90% margin:0px_auto">
|
|
264
|
+
<h1 class="text-align:center padding-bottom:20px">
|
|
265
|
+
SPREAD THE WORD!
|
|
266
|
+
</h1>
|
|
267
|
+
|
|
268
|
+
<div
|
|
269
|
+
class="width:100% display:inline-block text-align:center padding-bottom:20px font-size:21px border-bottom:1px_solid_white">
|
|
270
|
+
<ul
|
|
271
|
+
class="padding-0px list-style-type:none justify-content:center display:flex">
|
|
272
|
+
<li class="padding:0px_15px">
|
|
273
|
+
<a
|
|
274
|
+
href="#"
|
|
275
|
+
class="share color:white"
|
|
276
|
+
social-network="facebook"
|
|
277
|
+
title="Share on Facebook"
|
|
278
|
+
><i
|
|
279
|
+
class="footer-icon height:20px fill:#505050"
|
|
280
|
+
src="/assets/svg/facebook-f.svg"></i
|
|
281
|
+
></a>
|
|
282
|
+
</li>
|
|
283
|
+
<li class="padding:0px_15px">
|
|
284
|
+
<a
|
|
285
|
+
href="#"
|
|
286
|
+
class="share color:white"
|
|
287
|
+
social-network="twitter"
|
|
288
|
+
><i
|
|
289
|
+
class="footer-icon height:20px fill:#505050"
|
|
290
|
+
src="/assets/svg/twitter.svg"></i
|
|
291
|
+
></a>
|
|
292
|
+
</li>
|
|
293
|
+
<li class="padding:0px_15px">
|
|
294
|
+
<a
|
|
295
|
+
href="#"
|
|
296
|
+
class="share color:white"
|
|
297
|
+
social-network="google"
|
|
298
|
+
><i
|
|
299
|
+
class="footer-icon height:20px fill:#505050"
|
|
300
|
+
src="/assets/svg/google-plus-g.svg"></i
|
|
301
|
+
></a>
|
|
302
|
+
</li>
|
|
303
|
+
<li class="padding:0px_15px">
|
|
304
|
+
<a
|
|
305
|
+
href="#"
|
|
306
|
+
class="share color:white"
|
|
307
|
+
social-network="linkedin"
|
|
308
|
+
><i
|
|
309
|
+
class="footer-icon height:20px fill:#505050"
|
|
310
|
+
src="/assets/svg/linkedin-in.svg"></i
|
|
311
|
+
></a>
|
|
312
|
+
</li>
|
|
313
|
+
<li class="padding:0px_15px">
|
|
314
|
+
<a
|
|
315
|
+
href="#"
|
|
316
|
+
class="share color:white"
|
|
317
|
+
social-network="pintrest"
|
|
318
|
+
><i
|
|
319
|
+
class="footer-icon height:20px fill:#505050"
|
|
320
|
+
src="/assets/svg/pinterest-p.svg"></i
|
|
321
|
+
></a>
|
|
322
|
+
</li>
|
|
323
|
+
</ul>
|
|
324
|
+
</div>
|
|
325
|
+
|
|
326
|
+
<p class="text-align:center padding-top:20px">
|
|
327
|
+
2015 - 2020 All Right Reserved
|
|
328
|
+
</p>
|
|
329
|
+
<p class="text-align:center">
|
|
330
|
+
<a class="color:white" href="#">CoCreate LLC</a>
|
|
331
|
+
</p>
|
|
332
|
+
</div>
|
|
333
|
+
</footer>
|
|
334
|
+
|
|
335
|
+
<div
|
|
336
|
+
id="menuL"
|
|
337
|
+
class="cocreate-sidenav background:lightgrey"
|
|
338
|
+
data-main_content="canvas,navbar"
|
|
339
|
+
sidenav-default_desktop="offcanvas"
|
|
340
|
+
sidenav-default_tablet="offcanvas"
|
|
341
|
+
sidenav-default_phone="offcanvas"
|
|
342
|
+
sidenav-expanded_width="300px">
|
|
343
|
+
<ul class="cocreate-scroll">
|
|
344
|
+
<div class="margin-left:25px">
|
|
345
|
+
<a href="">Home</a>
|
|
346
|
+
</div>
|
|
347
|
+
<div class="margin-left:25px">
|
|
348
|
+
<a href="">Features</a>
|
|
349
|
+
</div>
|
|
350
|
+
<div class="margin-left:25px">
|
|
351
|
+
<a href="">Demo</a>
|
|
352
|
+
</div>
|
|
353
|
+
<div class="margin-left:25px">
|
|
354
|
+
<a href="">Pricing</a>
|
|
355
|
+
</div>
|
|
356
|
+
<div class="margin-left:25px">
|
|
357
|
+
<a href="">Spread the word</a>
|
|
358
|
+
</div>
|
|
359
|
+
<div resize="right"></div>
|
|
360
|
+
</ul>
|
|
361
|
+
</div>
|
|
362
|
+
|
|
363
|
+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
|
|
364
|
+
</body>
|
|
365
|
+
</html>
|