-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·295 lines (295 loc) · 22.3 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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Fri Jan 24 2020 09:56:35 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5e0ef519f72affb30b4869db" data-wf-site="5e0ef519f72affdb504869da">
<head>
<meta charset="utf-8">
<title>Recycle your plastic waste</title>
<meta content="Learn how to collect clean, label-free plastic at home and help to tackle the plastic waste problem." name="description">
<meta content="Recycle your plastic waste" property="og:title">
<meta content="Learn how to collect clean, label-free plastic at home and help to tackle the plastic waste problem." property="og:description">
<meta content="https://uploads-ssl.webflow.com/5e0ef519f72affdb504869da/5e12b523946b12b88abd59bc_open-graph-collection.jpg" property="og:image">
<meta content="summary" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="UA-69053098-6" name="google-site-verification">
<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/collect-preciousplastic.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Varela Round:400"] }});</script>
<!-- [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.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-69053098-6"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-69053098-6', {'anonymize_ip': false});</script>
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" class="navbar-collection w-nav">
<div class="navbar-cta-collection">
<a href="https://preciousplastic.com/" target="_blank" class="button-pp back-pp flex w-inline-block">
<div class="text-button">Precious Plastic</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
</div><a href="https://preciousplastic.com/" target="_blank" class="link-logo w-inline-block"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e004f79e5da7760c6824930_Precious-Plastic-Logo.png" width="85" alt="" class="precious-plastic-logo"></a></div>
<div class="landing-hero-mobile">
<div class="landing-hero-cta-mobile collection mobile">
<h1 class="hero-h1-landing-cta-3 collection">make sure your plastic waste is recycled</h1>
<h2 class="hero-h2-landing-cta-2 collection">Join the Precious Plastic Collection System and avoid your plastic becoming waste!</h2>
<a href="#hdiw-collection" class="button-pp primary w-inline-block">
<div class="text-button">I'm in!</div>
</a>
</div>
<div class="landing-hero-collection-mobile"><img src="images/collection-mobile-hero-landing.jpg" srcset="images/collection-mobile-hero-landing-p-500.jpeg 500w, images/collection-mobile-hero-landing.jpg 760w" sizes="100vw" alt=""></div>
</div>
<div class="landing-hero-desktop hero-collection">
<div class="landing-hero-cta-mobile collection">
<h1 class="hero-h1-landing-cta-3 collection">make sure your plastic waste is recycled</h1>
<h2 class="hero-h2-landing-cta-2 collection">Join the Precious Plastic Collection System and avoid your plastic becoming waste!</h2>
<a href="#hdiw-collection" class="button-pp primary w-inline-block">
<div class="text-button">I'm in!</div>
</a>
</div>
</div>
<div class="hero-title-collection collection">
<div class="hero-title-bg">
<div class="stroke precious-plastic">
<h1 class="h1-2 hero-stroked">Precious Plastic</h1>
</div>
<div class="stroke collection-stroke">
<h1 class="h1-2 hero-stroked">collection</h1>
</div>
<div class="stroke system-stroke">
<h1 class="h1-2 hero-stroked">system?</h1>
</div>
<div class="stroke collection-system-stroke">
<h1 class="h1-2 hero-stroked">collection system?</h1>
</div>
<p class="paragraph-big top-margin">It's an alternative plastic recycling system that is powered by people like you. Tired of all that plastic waste piling up in our oceans. It's global, works locally and has a plan to fix the plastic waste problem.</p>
<a href="https://preciousplastic.com/" target="_blank" class="undeline-link-block top-margin-collection w-inline-block">
<div class="flex-arrow-link undeline-link">
<h5 class="text-button research-projects">Find out more about Precious Plastic</h5><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></div>
</a>
</div><img src="images/Collect---Plastic-Cycle-with-captions.jpg" width="400" srcset="images/Collect---Plastic-Cycle-with-captions-p-1080.jpeg 1080w, images/Collect---Plastic-Cycle-with-captions-p-1600.jpeg 1600w, images/Collect---Plastic-Cycle-with-captions.jpg 1920w" sizes="(max-width: 479px) 100vw, (max-width: 991px) 80vw, 60vw" alt="" class="img-preciousplastic-collection-system"></div>
<div class="how-is-better">
<div class="main-container">
<div data-delay="0" class="dropdown w-dropdown">
<div class="dropdown-toggle-2 w-dropdown-toggle">
<div class="w-icon-dropdown-toggle"></div>
<h5 class="text-button research-projects">Find out why this is better</h5>
</div>
<nav class="dropdown-list-2 w-dropdown-list">
<div class="div-block-27"></div>
<div class="features-wrapper compare-systems">
<div class="feature _18 collection"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e12a36b4b55b061bb3e4f4f_Collect%20-%20Waste%20to%20Useful.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Waste to value</h1>
<p class="paragraph-tiny">Your collected plastic is recycled and transformed into beautiful products or useful new raw material. </p>
</div>
<div class="feature _18 collection"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e12a36a6a42a42c526198a0_Collect%20-%20Stays%20Local.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Stays local</h1>
<p class="paragraph-tiny">Your collected plastic is recycled and locally in your neighbourhood or town in one of the Precious Plastic spaces.</p>
</div>
<div class="feature _18 collection"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e12a36a4b55b008fb3e4f4d_Collect%20-%20Education.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Education</h1>
<p class="paragraph-tiny">The Precious Plastic Collection System aims to inform and educate people about plastic and its recycling opportunities.</p>
</div>
<div class="feature _18 collection"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e12a36a946b12c817bce60f_Collect%20-%20Boost%20Economy.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Boost economy</h1>
<p class="paragraph-tiny">Your collected plastic creates a local recycling economy helping people around you to make money recycling. </p>
</div>
<div class="feature _18 collection"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e12a36a6a42a4bd6b61989f_Collect%20-%20Run%20by%20people.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Run by people</h1>
<p class="paragraph-tiny">Precious Plastic Collection System is run by people that care about the planet, not by profit driven organisations.</p>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="compare-collection">
<div data-duration-in="300" data-duration-out="100" class="w-tabs">
<div class="tabs-menu w-tab-menu">
<a data-w-tab="Tab 1" class="tab-link-tab-1 w-inline-block w-tab-link w--current">
<div class="text-block-2">Precious Plastic</div>
</a>
<a data-w-tab="Tab 2" class="tab-link-tab-2 w-inline-block w-tab-link">
<div class="text-block-2">Traditional systems</div>
</a>
</div>
<div class="w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
<div class="features-wrapper compare-systems">
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Waste to useful</h1>
<p class="paragraph-tiny">Your plastic collected is recycled and transformed into beautiful products or useful new raw material. </p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Stays local</h1>
<p class="paragraph-tiny">Your plastic collected is recycled and transformed locally in your neighbourhood or town.</p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Education</h1>
<p class="paragraph-tiny">The Precious Plastic Collection System want you to be more educated about plastic and its recycling opportunities.</p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Boost economy</h1>
<p class="paragraph-tiny">Your collected plastic creates a local recycling economy helping people around you to make money recycling. </p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Run by people</h1>
<p class="paragraph-tiny">Precious Plastic Collection System is run by people that care about the planet, not by profit driven organisations.</p>
</div>
</div>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<div class="features-wrapper compare-systems">
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Waste to nature</h1>
<p class="paragraph-tiny">Less than 9% of your collected plastic gets recycled, mostly gets burned, buried or shipped oversee hoping for the best.</p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Shipped all over</h1>
<p class="paragraph-tiny">Your collected plastic is shipped multiple times across the planet increasing its CO2 footprint.</p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Throw away culture</h1>
<p class="paragraph-tiny">Current recycling systems tend to encourage a throw away culture.</p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Taxpayers money</h1>
<p class="paragraph-tiny">Current recycling systems indirectly costs you a money as state-run subsidies as they are financially unsustainable. </p>
</div>
<div class="feature _18"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e058d6e4c88a6a1b85c8bd6_sample-illustration.svg" width="250" alt="" class="image-categpries-bazar-2">
<h1 class="h4-2">Run by people</h1>
<p class="paragraph-tiny">Current recycling systems are currently run by big companies whose only interest is to make more profit. </p>
</div>
</div>
</div>
</div>
</div>
<a href="#" class="undeline-link-block top-margin-collection w-inline-block">
<div class="flex-arrow-link undeline-link">
<h5 class="text-button research-projects">Interested about this topic? We made a whole video about it</h5>
</div>
</a>
</div>
<div class="mosaic">
<div class="mosaic-div-2">
<div class="mosaic-image top-left collection-01"></div>
<div class="mosaic-image bottom-left collection-02"></div>
</div>
<div class="mosaic-div-2">
<div class="mosaic-image member coll-profile"></div>
</div>
<div class="mosaic-div-2">
<div class="mosaic-image top-right collection-03"></div>
<div class="mosaic-image cottom-right collection-04"></div>
</div>
</div>
<div class="page-title collection">
<div class="main-container">
<div class="page-title-wrapper">
<h3 class="h3-3">Your plastic waste deserves better</h3>
<p class="paragraph-small">By recycling and using the Precious Plastic Collection System your plastic will be transformed in beautiful products.<br></p>
<div class="button-wrapper button-multiple-cta-wrapper">
<a href="https://preciousplastic.com/solutions/products" target="_blank" class="button-pp flex extra-margin w-inline-block">
<div class="text-button right-margin">See more products</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
<a href="https://bazar.preciousplastic.com/?category=featured" target="_blank" class="button-pp flex extra-margin w-inline-block">
<div class="text-button right-margin">Buy some products</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
</div>
</div>
</div>
</div>
<div id="hdiw-collection" class="hero-title-collection collection moretop">
<div class="div-block-33"></div>
<div class="hero-title-bg">
<div class="stroke precious-plastic">
<h1 class="h1-2 hero-stroked">how does it</h1>
</div>
<div class="stroke spaces">
<h1 class="h1-2 hero-stroked">work?</h1>
</div>
<p class="paragraph-big top-margin">Follow these simple steps and start tackling plastic waste at home.</p>
</div>
<div class="main-container"></div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper reverse"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01f37d6e14efa5997303a6_badge%20collection%20point.svg" width="75" alt="" class="image-image-text-combo coll-badge">
<div class="text-image-text-combo">
<h3 class="h3-3">1. Precious Plastic Collection Point</h3>
<p class="paragraph-small">Collection Points are spaces run by people in your community or neighbourhood that accepts plastic waste to be recycled in the Precious Plastic Universe.<br></p>
</div>
</div>
</div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper invert reverse"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e0de3058473238278e2b11f_find-collection-point.jpg" alt="" class="image-image-text-combo">
<div class="text-image-text-combo">
<h3 class="h3-3">2. Find a Collection Point</h3>
<p class="paragraph-small">Use the Precious Plastic map to find Collection Points near you to start recycling your plastic waste.<br></p>
<a href="https://preciousplastic.com/starterkits/showcase/collection-point" target="_blank" class="undeline-link-block margin-coll w-inline-block">
<div class="flex-arrow-link undeline-link top-marg-coll">
<h5 class="text-button research-projects">*No Collection Points in your area? Start one</h5><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></div>
</a>
<div class="button-wrapper">
<a href="https://community.preciousplastic.com/map" target="_blank" class="button-pp flex w-inline-block">
<div class="text-button right-margin">Browse the map to find one</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
</div>
</div>
</div>
</div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper reverse"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e0de0396de9385c35265178_contact-collection-point.jpg" alt="" class="image-image-text-combo">
<div class="text-image-text-combo">
<h3 class="h3-3">3. Get in contact with the Collection Point</h3>
<p class="paragraph-small">It's important to get in contact and maybe visit the Collection Point near you to learn which types of plastic they accept and what are their opening hours. <br></p>
</div>
</div>
</div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper invert reverse">
<div class="div-block-30">
<div style="padding-top:56.17021276595745%" id="w-node-73a61585eefe-0b4869db" class="video-4 w-video w-embed"><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F7zm_xVx7TBs%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D7zm_xVx7TBs&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F7zm_xVx7TBs%2Fhqdefault.jpg&key=96f1f04c5f4143bcb0f2e68c87d65feb&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe></div>
</div>
<div class="text-image-text-combo">
<h3 class="h3-3">4. Learn how to prepare your plastic </h3>
<p class="paragraph-small">It's important to collect <strong>clean, label-free</strong> plastic that can actually be recycled in the Precious Plastic network. Watch this video to learn how to best prepare your plastic for recycling. <br></p>
</div>
</div>
</div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper reverse"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e0e04b617e0842a368047ee_hdiw-member.jpg" alt="" class="image-image-text-combo">
<div class="text-image-text-combo">
<h3 class="h3-3">5. Start gathering your plastic</h3>
<p class="paragraph-small">Now you know what plastic type your local Collection Point accepts and how to prepare it. It's time to start gathering your <strong>clean, label-free</strong> plastic at home or office and start real recycling.<br><br>*When possible try to buy a plastic-free option, always better than recycling :)<br></p>
</div>
</div>
</div>
</div>
<div class="text-image-combo-collection">
<div class="main-container">
<div class="image-text-wrapper invert reverse"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e0dbf63afe77d1cba179bd0_Collection%20White%20BG%201.jpg" alt="" class="image-image-text-combo">
<div class="text-image-text-combo">
<h3 class="h3-3">6. Drop off or pick up</h3>
<p class="paragraph-small">Once you've gathered enough clean plastic it's time to get it to the Collection Point to start its recycling journey. Find out if the Collection Point near you offers home pick up or if you have to drop it off yourself. <br></p>
</div>
</div>
</div>
</div>
<div class="you-are-done">
<div class="landing-hero-cta-mobile collection bottom">
<h1 class="hero-h1-landing-cta-3 collection">...and you're done!</h1>
<h2 class="hero-h2-landing-cta-2 collection">Fantastic, you've done your part to tackle the plastic waste problem. </h2>
</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e0e07b9afe77d85c81a14e5_you-are-done.jpg" alt="" class="image-18"><img src="images/you-are-done-mobile.jpg" srcset="images/you-are-done-mobile-p-500.jpeg 500w, images/you-are-done-mobile.jpg 760w" sizes="100vw" alt="" class="image-19"></div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" 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>