-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
207 lines (199 loc) · 7.63 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>How this works</title>
<link rel="icon" href="./images/favicon.png" />
<link rel="stylesheet" href="./css/results.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600&display=swap"
rel="stylesheet"
/>
<style>
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600&display=swap");
</style>
<link rel="stylesheet" href="https://use.typekit.net/eup4pch.css" />
</head>
<body>
<nav class="navbar">
<img src="./images/header_logo_97x22.99.png" alt="" class="logo-header" />
<div class="navbar__right">
<ul class="navbar__links">
<li><a href="./home.html" class="link">home</a></li>
<li><a href="./manualform.html" class="link">manual search</a></li>
<li><a href="./about.html" class="link">how this works</a></li>
<li class="link-bubble">install chrome extension</li>
</ul>
</div>
</nav>
<!-- Insert Data Based on Sustainability Rating -->
<div class="inline-text-info">
<h1 class="results__is-sustainable">
WE LOOK AT
<span class=".inline-text-img-wrapper">
<img src="./images/Rectangle_11.png" alt="" />
</span>
THE FABRIC BLEND & ITS
<span class=".inline-text-img-wrapper">
<img src="./images/Rectangle_12.png" alt="" />
</span>
CARBON FOOTPRINT.
<span class="inline-text-img-wrapper">
<img src="./images/about-text.png" alt="" class="about-text-img" />
</span>
</h1>
<!-- <div class="inline-text-small-text">
The fashion industry is the second-biggest consumer of water and is
responsible for around 10% of global carbon emissions. Many brands use
greenwashing in their marketing to seem sustainable. We are here to
decode greenwashing and promote transparency.
</div> -->
<!-- <p class="inline-text-small-text">
The fashion industry is the second-biggest consumer of water and is responsible for around 10% of global carbon emissions. Many brands use greenwashing in their marketing to seem sustainable. We are here to decode greenwashing and promote transparency.
</p> -->
</div>
<div class="cream-block">
<div class="why-labels">
<div class="left">
<p class="materials__header">Why look at the fabric label?</p>
</div>
<div class="right">
<p>
Clothing quality and sustainability changes between brands and
within a brand. Despite a brand’s sustainable identity, it does not
accurately reflect the quality of every piece of clothing they sell.
<br /><br />
By taking a closer look at the fabric label, we can objectively
measure the carbon footprint of each piece of clothing.
</p>
</div>
</div>
</div>
<div class="pink-block">
<div class="why-labels">
<div class="left"></div>
<div class="right flex-column">
<h3>A lifetime in your closet, not the landfill.</h3>
<p>
Many fast fashion brands now use synthetic fibres like polyester,
nylon and acrylic which take hundreds of years to biodegrade. These
fibres also release microplastics every time you put them in the
wash and it is estimated to contribute to 35% of all microplastics
in the ocean. <br /><br />
Sustainable fabrics use less water and less energy-intensive
processes while being more durable. The choice to purchase clothing
pieces in a sustainable fabric can make a significant difference to
our earth.
<br /><br />
Read more:
</p>
<a
href="https://www.makefashionbetter.com/blog/shein-what-you-need-to-know-about-the-brands-social-and-environmental-impact"
>MAKE FASHION BETTER <img src="./images/Arrow_1.png" alt="" />
</a>
<a
href="https://earth.org/fast-fashions-detrimental-effect-on-the-environment/"
>EARTH.ORG <img src="./images/Arrow_1.png" alt="" />
</a>
</div>
</div>
</div>
<div class="cream-block">
<div class="half-flex">
<div class="half-flex-left">
<p>OUR MISSION</p>
<h3>decode was created to make slow fashion easier</h3>
<p>By using decode, you can</p>
<ul class="bullet">
<li>Be informed on the carbon footprint of the clothing piece</li>
<li>
Think before commiting to the aftercare of your the clothing
</li>
<li>Be mindful of shopping behaviours</li>
<li>Feel confident when making a sustainable purchase</li>
</ul>
</div>
<div class="half-flex-right">
<img src="./images/Group_8.png" alt="" />
</div>
</div>
</div>
<div class="blue-block flex-column-2">
<div class="app-features-header">
<h3>Application Features</h3>
</div>
<div class="app-features">
<div class="feature-card">
<h4>Web Sweep</h4>
<p>
Just enter the URL and we’ll take care of finding the information.
</p>
</div>
<div class="feature-card">
<h4>fabric information</h4>
<p>We’ll tell you the sustainability score.</p>
</div>
<div class="feature-card">
<h4>MINDFUL TIPS</h4>
<p>List of questions to ask before making the purchase.</p>
</div>
</div>
</div>
<div class="footer">
<div class="install">
<h2 class="install__subheader">Install our chrome extension</h2>
<h1 class="install__header">
decode
<span>
<img src="./images/fabric.png" alt="" class="install__img" />
</span>
before you shop.
</h1>
<p class="install__description">
Before adding to your cart, use our extension to learn about the
materials and care information for your clothing of choice. Choose
pieces that will spend a lifetime in your closet instead of a
landfill.
</p>
<button class="install__btn">
Install the Chrome Extension
<img
src="./images/up-right-arrow.png"
alt="arrow pointing up right"
style="width: 20px"
/>
</button>
</div>
<nav class="footer-nav">
<div class="footer-top">
<div class="footer-nav__left">
<img
src="./images/footer_logo_97x22.99.png"
alt="decode logo footer"
class="footer__logo"
/>
</div>
<div class="footer-nav__right">
<div class="navigation">
<ul class="footer-links">
<li>home</li>
<li>about</li>
<li>manual search</li>
<li class="footer-link-bubble">install chrome extension</li>
</ul>
</div>
</div>
</div>
<ul class="footer-links-left">
<li>© 2022 decode</li>
<li>privacy policy</li>
<li>terms of service</li>
</ul>
</nav>
</div>
</body>
</html>