-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
145 lines (140 loc) · 4.94 KB
/
home.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
<!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>Home</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
<span class=".inline-text-img-wrapper">
<img src="./images/Rectangle_11.png" alt="" />
</span>
DECODE GREENWASHING
<span class=".inline-text-img-wrapper">
<img src="./images/Rectangle_12.png" alt="" />
</span>
ON CLOTHING LABELS.
</h1>
<div class="inline-text-small-text">
Buying sustainably just got easier. We find information about the care
and textile of the clothing so you can shop with sustainability in mind.
With our tool, you can find clothes that look and feel good.
<a href="#">LEARN MORE <img src="./images/Arrow 1" alt="" /> </a>
</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="half-flex">
<div class="half-flex-left">
<div class="flex-column-3">
<h6>Online</h6>
<div class="search-bar-flex">
<input
class="input-search"
type="text"
placeholder="www.example.com"
/>
<button class="submit-home" type="submit">SEARCH</button>
</div>
</div>
</div>
<div class="half-flex-right">
<div class="flex-column-3">
<h6>In-Person</h6>
<button class="main-btn">
SEARCH MANUALLY
<img
src="./images/Arrow_1.png"
alt="arrow pointing up right"
style="width: 20px"
/>
</button>
</div>
</div>
</div>
<div class="div-50">
<br />
</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>