-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
260 lines (260 loc) · 17 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
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Wed Jan 25 2023 20:37:41 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="63ac77dcda15974700567a42" data-wf-site="63ac77dcda1597244c567a41">
<head>
<meta charset="utf-8">
<title>2023</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/2023-305b68.webflow.css" rel="stylesheet" type="text/css">
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div class="page-wrapper">
<main class="main-wrapper">
<a href="https://preciousplastic.com/" target="_blank" class="link-block-2 w-inline-block"><img src="images/Precious-Plastic-Logo.png" loading="lazy" width="75" alt=""></a>
<section class="section-hero">
<div class="padding-global">
<div class="container-large">
<div class="hero_wrap">
<div class="hero_text-wrap">
<div class="div-block-3">
<div class="div-block">
<h1 class="heading-h1-2023">2023</h1>
</div>
<div>
<h2 class="heading-h1-hero">Plan<br>Forward</h2>
</div>
</div>
<div class="div-block-5">
<h1 class="heading">this is the year we put the Community <span class="text-span">first</span></h1>
</div>
</div>
<div class="div-block-25"><img src="images/watch-video.svg" loading="lazy" alt="" class="image-18"></div>
<div class="hero_video-wrap">
<div class="div-block-19">
<div class="div-block-21">
<div class="div-block-23"><img src="images/community-5.png" loading="lazy" width="150" alt="" class="image-7"><img src="images/community-12.png" loading="lazy" alt="" class="image-6"></div>
<div class="div-block-22"></div>
<div class="div-block-24"><img src="images/community-8.png" loading="lazy" alt="" class="image-8"><img src="images/community-9.png" loading="lazy" alt="" class="image-9"></div>
</div>
<div class="div-block-21">
<div class="div-block-23"><img src="images/community-11.png" loading="lazy" alt="" class="image-11"><img src="images/community-7.png" loading="lazy" alt="" class="image-10"></div>
<div class="div-block-22"></div>
<div class="div-block-24"><img src="images/community-4.png" loading="lazy" alt="" class="image-12"><img src="images/community-2.png" loading="lazy" alt="" class="image-13"></div>
</div>
<div class="div-block-21 hide-mobile">
<div class="div-block-23"><img src="images/community-6.png" loading="lazy" alt="" class="image-15"><img src="images/community-10.png" loading="lazy" alt="" class="image-14"></div>
<div class="div-block-22"></div>
<div class="div-block-24"><img src="images/community-3.png" loading="lazy" alt="" class="image-17"><img src="images/community-141.png" loading="lazy" alt="" class="image-16"></div>
</div>
</div>
<div data-w-id="64554c81-1925-4e10-3ea8-e9f6c7172adf" style="-webkit-transform:translate3d(0, 48px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 48px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 48px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 48px, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-2">
<div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo"><iframe src="https://www.youtube.com/embed/iWTgxEEexrI?rel=1&controls=0&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="Precious Plastic plan forward [2023]"></iframe></div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="section-hero-mobile">
<div class="div-block-29"><img src="images/Precious-Plastic-Logo.png" loading="lazy" width="150" alt="" class="image-20"></div>
<div class="hero_text-wrap">
<div class="div-block-3">
<div class="div-block">
<h1 class="heading-h1-2023">2023</h1>
</div>
<div>
<h2 class="heading-h1-hero">Plan<br>Forward</h2>
</div>
</div>
<div class="div-block-27"><img src="images/community-8.png" loading="lazy" alt="" class="image-8"><img src="images/community-9.png" loading="lazy" alt="" class="image-9"><img src="images/community-12.png" loading="lazy" alt="" class="image-6"></div>
<div class="div-block-5">
<h1 class="heading">this is the year we put the Community <span class="text-span">first</span></h1>
</div>
<div class="div-block-28"><img src="images/community-7.png" loading="lazy" alt="" class="image-10"><img src="images/community-2.png" loading="lazy" alt="" class="image-13"></div>
</div>
<div class="div-block-2">
<div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo"><iframe src="https://www.youtube.com/embed/iWTgxEEexrI?rel=1&controls=0&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="Precious Plastic plan forward [2023]"></iframe></div>
</div>
</div>
<div class="section-neglect">
<div class="padding-global">
<div class="container-large">
<div class="padding-section-large">
<div class="div-block-6">
<h1 class="heading">we have a whole plan to put the community front and center</h1>
<div class="div-block-9">
<p class="paragraph">We get it, in recent years we've neglected the community a bit－in 2023 we'll focus 100% on <span class="text-span center">you</span> once again!<br><br>This is how we gonna do it:</p>
</div>
</div>
<div class="div-block-7">
<div class="div-block-15">
<div class="div-block-16 hidden"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6>Benefits</h6>
</div>
</div>
<div class="div-block-10 first">
<h4>Hire a Community Manager</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>First thing we'll hire a dedicated Community Manager to support and assist the Precious Plastic community on our digital platforms. </p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Community care ♡</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Extra support</h6>
</div>
</div>
</div>
</div>
<div class="div-block-10">
<h4>Open Source Database</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>We'll continue building the largest, user generated, open source, database for recycling solutions. And this time with the community. Expect dozens of new <a href="https://community.preciousplastic.com/how-to" target="_blank" class="inline-link">How-tos</a> to help you improve your recycling activities.</p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>More machines</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>More moulds</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>More techniques</h6>
</div>
</div>
</div>
</div>
<div class="div-block-10">
<h4>Grow the Bazar</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>We will continue to invest in the <a href="https://bazar.preciousplastic.com/" target="_blank" class="inline-link">Bazar</a> hiring more people, introducing much need new features and continue ever-present bugfixing. We aim to double revenue in 2023. </p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Grow business for machine builders</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Help more people start recycling</h6>
</div>
</div>
</div>
</div>
<div class="div-block-10">
<h4>Track your impact</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>We will help you track your positive <a href="https://preciousplastic.com/impact" target="_blank" class="inline-link">impact</a> on the ground to use it in your business and share with the world all the incredible work from the Precious Plastic community.</p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Use data for your business/NGO</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Show global Precious Plastic impact</h6>
</div>
</div>
</div>
</div>
<div class="div-block-10">
<h4>Success stories on Youtube</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>We will produce and release 52 videos on our new <a href="https://www.youtube.com/channel/UCAK4C6aa-BXlqD2KsTx54xw" target="_blank" class="inline-link">Youtube channel</a> about the most successful Precious Plastic workspaces and organizations around the world. </p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Promote workspaces</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Share best practices</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Inspire new recyclers</h6>
</div>
</div>
</div>
</div>
<div class="div-block-10">
<h4>Improve Community Platform software</h4>
<div class="div-block-13">
<div class="div-block-8">
<p>We will continue to invest time and resources in the <a href="https://community.preciousplastic.com/academy/intro.html" target="_blank" class="inline-link">Community Platform</a> to bring the best possible experience for all of your recyclers out there. </p>
</div>
<div class="div-block-16 mobile"><img src="images/wrapped-gift_1f381.png" loading="lazy" width="60" alt="" class="image-2">
<h6 class="h6-benefit">Benefits</h6>
</div>
<div class="div-block-12">
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Improve map</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>Improve How-tos</h6>
</div>
<div class="div-block-14"><img src="images/check.png" loading="lazy" width="160" alt="" class="image">
<h6>New features</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-block-18"></div><img src="images/Vector-border.svg" loading="lazy" alt="" class="image-19">
<div class="section-os-database">
<div class="padding-global">
<div class="container-large">
<div class="padding-section-large">
<div class="div-block-6">
<h1 class="heading line0heirgh">Together we can keep building the largest Open Source, small-scale recycling network in the world</h1>
<div class="div-block-17">
<a href="http://community.preciousplastic.com/how-to" target="_blank" class="link-block w-inline-block">
<div>Create a How-to</div>
</a>
<a href="http://youtube.com/@Precious_Plastic/" target="_blank" class="link-block w-inline-block">
<div>Subscribe to Youtube</div>
</a>
<a href="https://bazar.preciousplastic.com/" target="_blank" class="link-block w-inline-block">
<div>Join the Bazar</div>
</a>
</div>
<div class="div-block-9"></div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63ac77dcda1597244c567a41" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>