forked from ONEARMY/precious-plastic-support
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·143 lines (143 loc) · 10.9 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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Jan 07 2020 05:24:41 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5e0ef6db930a8bc75acd3a85" data-wf-site="5e0ef6db930a8bfe0ecd3a84">
<head>
<meta charset="utf-8">
<title>Support Precious Plastic</title>
<meta content="You can support Precious Plastic in many different ways to help tackle the plastic waste problem." name="description">
<meta content="Support Precious Plastic" property="og:title">
<meta content="You can support Precious Plastic in many different ways to help tackle the plastic waste problem." property="og:description">
<meta content="https://uploads-ssl.webflow.com/5e0ef6db930a8bfe0ecd3a84/5e12ffe94b55b0d48f409f94_open-graph-precious-plastic.jpg" property="og:image">
<meta content="summary" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="UA-69053098-8" 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/support-precious-plastic.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">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" class="navbar-support w-nav">
<div class="navbar-cta-collection">
<a href="https://preciousplastic.com/" target="_blank" class="button-pp back-pp 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="hero-title-support-page support-page">
<div class="hero-title-bg">
<div class="stroke support-stroke">
<h1 class="h1 hero-stroked">support</h1>
</div>
<div class="stroke precious-plastic supprt-pp">
<h1 class="h1 hero-stroked">precious plastic</h1>
</div>
<p class="paragraph-big community-machines top-margin">Precious Plastic is a project for people, by people. Find out how you can help below.</p>
</div>
<div class="main-container"></div>
</div>
<div class="support-options">
<div class="main-container">
<div class="support-options-wrapper-2">
<div class="support-option-2">
<div class="sopport-option-top"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e117144c5e98c4fbef3fcce_Support%20-%20Share.svg" width="200" alt="">
<h1 class="h4">Share</h1>
<p class="paragraph-tiny">Make sure people get to know about Precious Plastic. This is one of the simplest but most effective way to help the project. <br>Talk to your friends, family, airbnb host, tuk-tuk driver or your social media. </p>
</div>
</div>
<div class="support-option-2">
<div class="sopport-option-top"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e1171444b55b00be9370ea7_Support%20-%20Single%20Donation.svg" width="200" alt="">
<h1 class="h4">Single donation</h1>
<p class="paragraph-tiny">Single donations help Precious Plastic create and maintain this pool of knowledge for hundreds of thousands of people around the world.</p>
</div>
<div class="button-wrapper wrapper-support">
<a href="https://davehakkens.nl/donate/preciousplastic/" target="_blank" class="button flex w-inline-block">
<div class="text-button right-margin">Donate now</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
</div>
</div>
<div class="support-option-2 support-highlight">
<div class="sopport-option-top"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e1171444b55b0a1bb370ea6_Support%20-%20Monthly%20Donation.svg" width="200" alt="">
<h1 class="h4">Monthly support</h1>
<p class="paragraph-tiny">We use a subscription platform called Patreon so people can support us monthly, get exclusive updates and become eligible for our monthly raffle.</p>
</div>
<div class="button-wrapper wrapper-support">
<a href="https://www.patreon.com/davehakkens" target="_blank" class="button flex yellow w-inline-block">
<div class="text-button right-margin">Become a Patreon</div><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e01a3da6e14ef487e716893_icon%20arrow.png" width="10" alt="" class="arrow _0"></a>
</div>
</div>
<div class="support-option-2">
<div class="sopport-option-top"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e1171444b55b0416c370ea5_Support%20-%20Project%20Funding.svg" width="200" alt="">
<h1 class="h4">Fund research</h1>
<p class="paragraph-tiny">We run research projects to push the boundaries of plastic recycling. You can help fund one of these projects.</p>
<div>
<a href="https://preciousplastic.com/open-research-projects" target="_blank" class="undeline-link-block w-inline-block">
<div class="flex-arrow-link undeline-link">
<h5 class="text-button research-projects">See all research projects</h5>
</div>
</a>
</div>
</div>
<div class="button-wrapper wrapper-support">
<a href="mailto:mailto:[email protected]?subject=I%20would%20like%20to%20fund%20a%20research%20project" class="button flex w-inline-block">
<div class="text-button right-margin">Fund a project</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="hero-title-support-page support-page">
<div class="hero-title-bg">
<div class="stroke or-stroke">
<h1 class="h1 hero-stroked">or...</h1>
</div>
<div class="stroke partner-stroke">
<h1 class="h1 hero-stroked">partner</h1>
</div>
<div class="stroke withus-stroke">
<h1 class="h1 hero-stroked">with us</h1>
</div>
</div>
<div class="main-container"></div>
</div>
<div class="support-options">
<div class="main-container">
<div class="support-options-wrapper-2 collaborate">
<div class="support-option-2 cpllaborate">
<div class="sopport-option-top"><img src="images/partnr.jpg" width="200" srcset="images/partnr-p-500.jpeg 500w, images/partnr-p-800.jpeg 800w, images/partnr-p-1600.jpeg 1600w, images/partnr.jpg 1920w" sizes="(max-width: 479px) 93vw, (max-width: 767px) 85vw, (max-width: 991px) 72vw, 48vw" alt="" class="image-partner">
<div class="div-block-34">
<h1 class="h4">Partner with Precious Plastic</h1>
<p class="paragraph-tiny">We often run projects with organisations around the world to tackle the plastic waste problem. We do events, presentations, pilots, research, bespoke projects and more. <br><br>*Unfortunately at this time, we cannot offer greenwashing :)</p>
<div class="button-wrapper wrapper-support">
<a href="mailto:mailto:[email protected]?subject=Partnership%20Enquire" class="button flex yellow w-inline-block">
<div class="text-button right-margin">Inquire</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>
</div>
<div class="thanks">
<h1 class="h1 hero-stroked thanks">thanks for supporting,<br>Your plastic gang!</h1>
</div>
<div class="line"></div>
<div class="footer">
<div class="main-container">
<div class="footer-wrapper">
<div class="footer-div logo"><img src="https://uploads-ssl.webflow.com/5e004b03e5da773c54823bfb/5e004f79e5da7760c6824930_Precious-Plastic-Logo.png" width="100" alt=""></div>
<div class="footer-div links"><a href="https://community.preciousplastic.com/academy/support/faq" target="_blank" class="footer-link">FAQ</a><a href="https://discordapp.com/invite/AKuxkpx" target="_blank" class="footer-link">Discord</a><a href="https://davehakkens.nl/community/forums/" target="_blank" class="footer-link">Forums</a><a href="https://preciousplastic.com/contact" class="footer-link">Contact</a><a href="https://preciousplastic.com/terms" class="footer-link">Terms of use</a><a href="https://preciousplastic.com/privacy-policy" class="footer-link">Privacy Policy</a></div>
<div class="footer-div links"><a href="https://www.patreon.com/davehakkens" target="_blank" class="footer-link">Patreon</a><a href="https://www.youtube.com/channel/UCqA-SppbeUi5ou0isB27mgg" target="_blank" class="footer-link">Youtube</a><a href="https://www.instagram.com/realpreciousplastic/" target="_blank" class="footer-link">Instagram</a><a href="https://www.facebook.com/preciousplastic/?ref=aymt_homepage_panel&eid=ARBLgiCzERF7yr-7MVjOuJ9sYAcj8mUqSNCgxyTunORMm6dqK4x8D8WCjDEJn89A-nRCOmZZSibZQbXQ" target="_blank" class="footer-link">Facebook</a></div>
</div>
<h6 class="h6 creative-commons">All Precious Plastic content is shared under <span class="cc">Creative Commons Attribution.</span></h6>
</div>
</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>