@cocreate/scroll 1.5.10 → 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/demo/index.html CHANGED
@@ -1,365 +1,365 @@
1
- <!DOCTYPE html>
2
- <html>
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 &amp; 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 &amp; 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>