-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
378 lines (375 loc) · 41.3 KB
/
Copy pathindex.html
File metadata and controls
378 lines (375 loc) · 41.3 KB
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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
<!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>All Birds</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div>
<nav class="bg-white h-6 p-6 flex justify-between uppercase font-sans items-center">
<ul class="flex">
<li class="mx-2"><a href="">Men</a></li>
<li class="mx-2"><a href="">Men</a></li>
<li class="mx-2"></li>
</ul>
<div class="flex flex-grow justify-center">
<img class="w-32" src="images/allbirds-logo.svg">
</div>
<ul class="flex">
<li class="mx-2"><a href="">Women</a></li>
<li class="mx-2"><a href="">Women</a></li>
</ul>
</nav>
<div class="relative">
<img class="w-full h-720 overflow-hidden object-cover" src="images/cover.jpeg">
<div class="absolute inset-y-1/2 left-0 right-0 text-center">
<div class="mb-20">
<h1 class="text-6xl text-white font-sans">Running shoes made from Trees</h1>
<h4 class="text-lg text-white mt-10">New colours to keep you moving</h4>
</div>
<div class="flex justify-center p-4 md:mt-32 uppercase font-roboto font-normal">
<a href="#" class="btn-cover">Shop Men</a>
<a href="#" class="btn-cover">Shop Women</a>
</div>
</div>
</div>
<main>
<div class="bg-gray-100 w-full p-20">
<div class="border-b border-gray-400">
<h2 class="text-4xl text-center">Our Favorites</h2>
<div class="uppercase font-roboto text-xl font-normal pt-8">
<ul class="flex justify-center">
<li class="tab border-b-4 border-black"><a href="">Shoes</a></li>
<li class="tab"><a href="">Apparel</a></li>
<li class="tab"><a href="">Basics</a></li>
</ul>
</div>
</div>
<div class="grid grid-cols-3 mt-10">
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
</div>
</div>
<div class="flex">
<img class="w-full max-h-96 object-cover overflow-hidden" src="images/walking.jpeg" alt="">
</div>
<div class="bg-gray-100 w-full">
<div class="text-center p-8">
<h1 class="text-4xl mb-5 mt-10">Colorful By Nature</h1>
<span class="text-lg font-light">Merino Wool Shoes in Limited Edition Hues</span>
</div>
<div class="flex justify-center p-2 text-white uppercase font-roboto font-normal">
<a href="#" class="btn-cover-reverse">Shop Men</a>
<a href="#" class="btn-cover-reverse">Shop Women</a>
</div>
<div class="p-20">
<div class="flex justify-start border-b border-gray-300">
<h2 class="text-4xl mb-2">Shop by Category</h2>
</div>
<div class="grid grid-cols-3 mt-10">
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
</div>
</div>
</div>
<div class="flex">
<img class="w-full max-h-96 object-cover overflow-hidden" src="images/walking.jpeg" alt="">
</div>
<div class="bg-gray-100 w-full">
<div class="text-center p-8">
<h1 class="text-4xl mb-5 mt-9">Made From Nature, For Nature</h1>
<span class="text-lg font-light">We craft with planet-friendly natural materials, like merino wool and eucalyptus trees, <br>because they're our best chance for a sustainable future.</span>
</div>
<div class="flex justify-center p-2 text-white uppercase font-roboto font-normal">
<a href="#" class="px-36 py-3 mx-4 h-12 bg-white-reverse rounded-sm text-center">See How</a>
</div>
<div class="p-20">
<div class="flex justify-start border-b border-gray-300">
<h2 class="text-4xl mb-2">New Arrivals</h2>
</div>
<div class="grid grid-cols-3 mt-10">
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
</div>
</div>
</div>
<div class="flex">
<img class="w-full max-h-96 object-cover overflow-hidden" src="images/walking.jpeg" alt="">
</div>
<div class="bg-gray-100 w-full">
<div class="text-center p-8">
<h1 class="text-4xl mb-5 mt-9">Tread Lighter</h1>
<span class="text-lg font-light">The standard sneaker emits 12.5 kg CO2e. Our average shoe emits 7.6 kg CO2e. Better, <br>but we want to do more. Our goal—have no carbon footprint from the start. The first <br>step to reduce our footprint is to measure it. And even though we’re not at zero yet, we <br>can be. It’s all part of the plan.</span>
</div>
<div class="flex justify-center p-2 text-white uppercase font-roboto font-normal">
<a href="#" class="px-24 py-3 mx-4 h-12 bg-white-reverse rounded-sm text-center">Our Sustainability Approach</a>
</div>
<div class="p-20">
<div class="flex justify-start border-b border-gray-300">
<h2 class="text-4xl mb-2">Stories</h2>
</div>
<div class="grid grid-cols-3 mt-10">
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
<div class="col-span-1 one-three-column">
<img class="w-96 h-96 overflow-hidden" src="images/trainers1.jpeg" alt="">
<div class="border-b border-gray-300 p-3 w-3/4">
<h2 class="text-xl">Tree Dasher</h2>
</div>
<div class="flex items-center p-2">
<img class="w-8 h-8" src="images/flower-icon.png" alt="">
<span class="text-xs font-roboto font-normal">Daily Running Shoe</span>
</div>
</div>
</div>
</div>
</div>
<footer class="footer p-12 bg-white-reverse">
<div class="font-roboto">
<span class="text-sm text-white">Enter your email to stay in touch!</span>
<div class="flex justify-start">
<input class="form-input underline">
<button class="px-6 py-3 ml-2 bg-grayish text-gray-300 uppercase hover:bg-white hover:text-black transition ease-in duration-400 font-semibold">
Sign Up
</button>
</div>
</div>
<div class="flex text-white mt-8">
<div class="w-3/4">
<ul class="flex justify-between">
<li class="flex flex-grow flex-col">
<span class="classic mb-2 font-normal">Help</span>
<ul>
<li>FAQ</li>
<li>Contact Us</li>
<li>Email</li>
<li>Stuff</li>
</ul>
</li>
<li class="flex flex-grow flex-col">
<span class="classic mb-2 font-normal">Help</span>
<ul>
<li>FAQ</li>
<li>Contact Us</li>
<li>Email</li>
<li>Stuff</li>
</ul>
</li>
<li class="flex flex-grow flex-col">
<span class="classic mb-2 font-normal">Help</span>
<ul>
<li>FAQ</li>
<li>Contact Us</li>
<li>Email</li>
<li>Stuff</li>
</ul>
</li>
</ul>
</div>
<div class="w-1/4"></div>
</div>
<div class="flex text-white justify-between mt-12">
<div>
<span class="font-xl classic">Follow the Flock</span>
<p>
Exclusive offers, a heads up on new things, and <br>
sightings of Allbirds in the wild. Oh, we have cute <br> sheep, too. #weareallbirds
</p>
<div class="mt-6">
<svg width="333" height="21" viewBox="0 0 333 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.1591 4.27972V4.75524C52.1591 10.4615 48.4773 17 41.625 17C39.5795 17 37.6364 16.2867 36 14.979H36.9205C38.6591 14.979 40.1932 14.3846 41.5227 13.1958C39.8864 13.1958 38.5568 11.8881 38.0455 10.2238C38.25 10.3427 38.4545 10.3427 38.7614 10.3427C39.1705 10.3427 39.4773 10.2238 39.7841 10.2238C37.9432 9.86713 36.7159 8.08392 36.7159 6.06294C37.2273 6.3007 37.7386 6.53846 38.4545 6.53846C37.4318 5.82517 36.8182 4.51748 36.8182 2.97203C36.8182 2.13986 37.0227 1.42657 37.3295 0.832168C39.0682 3.44755 41.8295 5.11189 44.8977 5.23077C44.7955 4.99301 44.7955 4.63636 44.7955 4.3986C44.7955 2.02098 46.4318 0 48.4773 0C49.6023 0 50.5227 0.475525 51.1364 1.30769C51.9545 1.18881 52.7727 0.713287 53.4886 0.356643C53.1818 1.30769 52.6705 2.13986 51.8523 2.73427C52.6705 2.61538 53.3864 2.37762 54 2.02098C53.4886 2.85315 52.875 3.68531 52.1591 4.27972Z" fill="white"/>
<g clip-path="url(#clip0)">
<path d="M116.229 12.2833C115.971 12.185 115.843 11.6937 115.457 11.7919C114.943 13.5607 114.3 15.6243 113.271 17H111.729H111.857C111.6 16.3122 111.729 14.9364 111.857 14.1503C112.243 12.3815 113.529 10.0232 113.529 8.35263C113.529 7.66477 113.014 6.87864 113.143 5.99425C113.4 4.422 116.357 3.04627 117.257 4.81506C118.414 6.87864 114.814 9.33529 116.871 10.711C117.257 11.0058 118.286 11.2023 119.186 11.1041C123.3 10.4162 123.814 3.8324 120.471 2.35841C115.586 0.0982978 110.186 3.5376 110.571 7.07518C110.829 8.4509 112.629 9.13876 111.086 10.4162C108.771 9.63009 108 8.4509 108 6.38732C108 2.26015 113.143 -0.491298 118.8 3.18214e-05C122.4 0.29483 125.486 2.55495 126 5.10986C126.257 7.36997 125.357 10.2197 123.171 11.6937C121.5 12.7746 118.029 13.3642 116.229 12.2833Z" fill="white"/>
</g>
<path d="M77.1638 5.82065V4.25C77.1638 1.84783 80.6347 0 84.8362 0H89.9511V3.1413H84.8362C84.2882 3.1413 83.5575 3.60326 83.5575 4.15761V5.82065H89.9511V9.05435H83.5575V16.9076H77.1638V9.05435H72.0489V5.82065H77.1638Z" fill="white"/>
<path d="M9.00031 1.53401C11.4027 1.53401 11.6872 1.54268 12.636 1.58356C13.5132 1.62137 13.9896 1.75976 14.3067 1.87613C14.6975 2.01235 15.051 2.22956 15.3412 2.51178C15.64 2.78587 15.87 3.11973 16.0142 3.48881C16.1374 3.78823 16.284 4.23816 16.324 5.06664C16.3673 5.96268 16.3765 6.23141 16.3765 8.50037C16.3765 10.7693 16.3673 11.038 16.324 11.9341C16.284 12.7626 16.1374 13.2125 16.0142 13.5119C15.7115 14.253 15.0913 14.8387 14.3067 15.1246C13.9896 15.241 13.5132 15.3794 12.636 15.4172C11.6875 15.4581 11.4029 15.4667 9.00031 15.4667C6.59771 15.4667 6.31328 15.4581 5.3646 15.4172C4.48739 15.3794 4.01103 15.2409 3.69396 15.1246C3.30317 14.9884 2.94967 14.7712 2.65946 14.489C2.36064 14.2149 2.13066 13.881 1.98642 13.5119C1.86321 13.2125 1.71664 12.7626 1.67664 11.9341C1.63335 11.0381 1.62417 10.7693 1.62417 8.50037C1.62417 6.23141 1.63335 5.96274 1.67664 5.06664C1.71667 4.23816 1.86321 3.78826 1.98642 3.48881C2.13067 3.11971 2.36068 2.78584 2.65953 2.51174C2.94974 2.22953 3.30324 2.01232 3.69403 1.8761C4.01106 1.75973 4.48746 1.6213 5.36467 1.58352C6.31342 1.54264 6.59796 1.53398 9.00039 1.53398L9.00031 1.53401ZM9.00039 0.00292969C6.55689 0.00292969 6.25039 0.0127114 5.29089 0.0540646C4.33321 0.0953503 3.67921 0.238973 3.10692 0.449045C2.50659 0.662409 1.96275 0.996883 1.51335 1.42914C1.05556 1.85355 0.701313 2.36717 0.475314 2.93418C0.253064 3.47471 0.100993 4.09237 0.0574571 4.99685C0.0134928 5.90304 0.00313568 6.19251 0.00313568 8.50026C0.00313568 10.808 0.0134928 11.0975 0.0574571 12.0037C0.101171 12.9082 0.253243 13.5258 0.475671 14.0663C0.701588 14.6333 1.05574 15.1469 1.51342 15.5714C1.96282 16.0036 2.50666 16.3381 3.10699 16.5514C3.67931 16.7615 4.33331 16.9051 5.29096 16.9464C6.2506 16.9878 6.55699 16.9976 9.00046 16.9976C11.4439 16.9976 11.7505 16.9878 12.71 16.9464C13.6676 16.9051 14.3216 16.7615 14.8939 16.5514C16.1024 16.11 17.0578 15.2077 17.5252 14.0663C17.7477 13.5258 17.8997 12.9081 17.9435 12.0037C17.9872 11.0974 17.9976 10.808 17.9976 8.50026C17.9976 6.19255 17.9872 5.90304 17.9435 4.99685C17.8997 4.09237 17.7477 3.47471 17.5252 2.93421C17.2993 2.36723 16.9452 1.85361 16.4875 1.42918C16.0381 0.99683 15.4942 0.662286 14.8938 0.448876C14.3215 0.238973 13.6675 0.0953503 12.7098 0.0542332C11.7503 0.0127114 11.4438 0.00292969 9.00031 0.00292969H9.00039Z" fill="white"/>
<path d="M9 4.13672C6.44835 4.13672 4.37982 6.09032 4.37982 8.50022C4.37982 10.9101 6.44835 12.8637 9 12.8637C11.5517 12.8637 13.6202 10.9101 13.6202 8.50022C13.6202 6.09032 11.5517 4.13672 9 4.13672ZM9 11.3326C7.34368 11.3326 6.00099 10.0645 6.001 8.5002C6.00101 6.9359 7.34373 5.66779 9.00005 5.6678C10.6564 5.6678 11.9991 6.93592 11.9991 8.50022C11.9991 10.0645 10.6563 11.3326 9 11.3326Z" fill="white"/>
<path d="M13.8027 4.98366C14.399 4.98366 14.8824 4.52714 14.8824 3.964C14.8824 3.40085 14.399 2.94434 13.8027 2.94434C13.2064 2.94434 12.7231 3.40085 12.7231 3.964C12.7231 4.52714 13.2064 4.98366 13.8027 4.98366Z" fill="white"/>
<defs>
<clipPath id="clip0">
<rect width="18" height="17" fill="white" transform="translate(108)"/>
</clipPath>
</defs>
</svg>
</div>
</div>
<div>
<svg width="78" height="120" viewBox="0 0 78 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.292 4.08925C10.1147 3.80727 9.89458 3.55986 9.62928 3.34653C9.36398 3.1332 9.06489 2.96727 8.73054 2.84776C8.39568 2.72875 8.04593 2.669 7.68027 2.669C7.01156 2.669 6.4437 2.79789 5.97669 3.05468C5.51018 3.31246 5.13161 3.65665 4.84147 4.08925C4.55083 4.52184 4.34018 5.01418 4.20753 5.56579C4.07488 6.11789 4.00881 6.68875 4.00881 7.27789C4.00881 7.84184 4.07488 8.39097 4.20753 8.92332C4.34018 9.45665 4.55083 9.93665 4.84147 10.3628C5.13161 10.789 5.51018 11.1307 5.97669 11.388C6.4437 11.6448 7.01156 11.7732 7.68027 11.7732C8.58845 11.7732 9.2984 11.4976 9.80912 10.946C10.3203 10.3939 10.6323 9.66702 10.7456 8.76431H13.6222C13.5467 9.60381 13.3514 10.3628 13.0359 11.0399C12.7205 11.7169 12.3036 12.2942 11.7869 12.7702C11.2693 13.2468 10.6636 13.6107 9.96959 13.8616C9.27604 14.112 8.51293 14.2379 7.68027 14.2379C6.6454 14.2379 5.71487 14.0591 4.88867 13.7016C4.06246 13.3446 3.36493 12.8522 2.79757 12.2246C2.23021 11.5979 1.794 10.8611 1.49194 10.0147C1.18888 9.16826 1.03735 8.25616 1.03735 7.27789C1.03735 6.27443 1.18888 5.34307 1.49194 4.48431C1.794 3.62505 2.23021 2.87591 2.79757 2.2369C3.36493 1.5969 4.06246 1.09566 4.88867 0.731714C5.71487 0.368257 6.6454 0.186035 7.68027 0.186035C8.4245 0.186035 9.12799 0.293196 9.79025 0.506035C10.4525 0.719369 11.0452 1.02949 11.5688 1.43739C12.0925 1.8448 12.5247 2.34949 12.865 2.95147C13.2063 3.55295 13.4205 4.24332 13.5084 5.0206H10.6323C10.5817 4.68184 10.4684 4.37171 10.292 4.08925Z" fill="white"/>
<path d="M20.899 6.48799C20.5771 6.13737 20.0877 5.96108 19.4319 5.96108C19.0032 5.96108 18.6465 6.03367 18.3628 6.17737C18.0791 6.32157 17.8516 6.50034 17.6816 6.71317C17.5112 6.927 17.391 7.15268 17.322 7.3912C17.2524 7.62922 17.2112 7.84206 17.1992 8.03021H21.5707C21.4445 7.35268 21.2205 6.8391 20.899 6.48799ZM17.8615 11.6045C18.2644 11.9927 18.8452 12.1872 19.6023 12.1872C20.1449 12.1872 20.6114 12.0524 21.0029 11.7828C21.3938 11.5137 21.6333 11.2282 21.7217 10.927H24.0876C23.709 12.0934 23.1287 12.9275 22.3462 13.4292C21.5638 13.9305 20.6178 14.1813 19.5074 14.1813C18.7379 14.1813 18.0443 14.0593 17.4263 13.8149C16.8082 13.57 16.2841 13.2223 15.8554 12.7705C15.4266 12.3191 15.0947 11.7803 14.8617 11.1532C14.6282 10.5265 14.512 9.83614 14.512 9.08404C14.512 8.35713 14.6312 7.6791 14.8712 7.05194C15.1106 6.42478 15.4514 5.88305 15.8931 5.42527C16.3348 4.9675 16.8614 4.607 17.4735 4.34379C18.0851 4.08009 18.7632 3.94873 19.5074 3.94873C20.3401 3.94873 21.0655 4.10873 21.684 4.42774C22.302 4.74824 22.8103 5.17737 23.2072 5.71713C23.6047 6.25638 23.8918 6.87071 24.0687 7.56058C24.2451 8.24996 24.3077 8.97095 24.2575 9.72354H17.1992C17.237 10.5882 17.4576 11.2159 17.8615 11.6045Z" fill="white"/>
<path d="M28.0234 4.21194V6.01787H28.0611C28.1873 5.71713 28.3577 5.43762 28.5724 5.18034C28.7865 4.92355 29.0329 4.70429 29.3101 4.52206C29.5878 4.34083 29.8844 4.1991 30.1999 4.09885C30.5154 3.99861 30.8433 3.94873 31.1841 3.94873C31.3605 3.94873 31.5557 3.98034 31.7709 4.04256V6.52552C31.6437 6.50034 31.4931 6.47861 31.3158 6.45984C31.1399 6.44108 30.969 6.43169 30.8055 6.43169C30.3137 6.43169 29.8974 6.51367 29.5565 6.67614C29.2157 6.8391 28.941 7.06132 28.7333 7.34379C28.5247 7.62626 28.3766 7.95515 28.2882 8.33145C28.2002 8.70774 28.156 9.11515 28.156 9.55367V13.9369H25.4688V4.21194H28.0234Z" fill="white"/>
<path d="M38.9622 4.21194V5.99861H36.9934V10.8139C36.9934 11.2663 37.0699 11.5665 37.2214 11.7171C37.3729 11.8677 37.6755 11.9433 38.1286 11.9433C38.2801 11.9433 38.4257 11.9369 38.5643 11.924C38.7024 11.9122 38.8351 11.8934 38.9622 11.8677V13.9369C38.7352 13.9744 38.4818 13.9996 38.2041 14.0119C37.9279 14.0248 37.6561 14.0312 37.3913 14.0312C36.975 14.0312 36.58 14.0026 36.2079 13.9463C35.8358 13.89 35.5089 13.7808 35.2242 13.6174C34.9405 13.4539 34.7165 13.2223 34.552 12.9206C34.3881 12.6198 34.3071 12.2248 34.3071 11.7364V5.99861H32.679V4.21194H34.3071V1.29639H36.9934V4.21194H38.9622Z" fill="white"/>
<path d="M40.324 13.937H43.0113V4.21203H40.324V13.937ZM40.324 2.70734H43.0113V0.506348H40.324V2.70734Z" fill="white"/>
<path d="M44.1088 5.99869V4.21203H45.7175V3.45943C45.7175 2.59425 45.9882 1.8861 46.5307 1.334C47.0733 0.782397 47.894 0.506348 48.9915 0.506348C49.2304 0.506348 49.4714 0.51573 49.7114 0.534496C49.9493 0.553261 50.1833 0.569558 50.4104 0.581409V2.57548C50.0949 2.53746 49.7665 2.51869 49.4262 2.51869C49.061 2.51869 48.7987 2.60363 48.6412 2.77301C48.4837 2.9419 48.4052 3.22783 48.4052 3.62882V4.21203H50.2588V5.99869H48.4052V13.937H45.7175V5.99869H44.1088Z" fill="white"/>
<path d="M51.8864 13.937H54.5747V4.21203H51.8864V13.937ZM51.8864 2.70734H54.5747V0.506348H51.8864V2.70734Z" fill="white"/>
<path d="M61.8495 6.48799C61.5286 6.13737 61.0382 5.96108 60.3834 5.96108C59.9542 5.96108 59.5984 6.03367 59.3143 6.17737C59.0296 6.32157 58.803 6.50034 58.6331 6.71317C58.4627 6.927 58.343 7.15268 58.2729 7.3912C58.2039 7.62922 58.1631 7.84206 58.1507 8.03021H62.5217C62.3965 7.35268 62.1724 6.8391 61.8495 6.48799ZM58.8125 11.6045C59.2164 11.9927 59.7972 12.1872 60.5533 12.1872C61.0963 12.1872 61.5628 12.0524 61.9538 11.7828C62.3453 11.5137 62.5853 11.2282 62.6727 10.927H65.0381C64.6605 12.0934 64.0792 12.9275 63.2982 13.4292C62.5142 13.9305 61.5693 14.1813 60.4589 14.1813C59.6889 14.1813 58.9953 14.0593 58.3773 13.8149C57.7592 13.57 57.2351 13.2223 56.8068 12.7705C56.3771 12.3191 56.0462 11.7803 55.8132 11.1532C55.5802 10.5265 55.463 9.83614 55.463 9.08404C55.463 8.35713 55.5832 7.6791 55.8226 7.05194C56.0626 6.42478 56.4019 5.88305 56.8446 5.42527C57.2863 4.9675 57.8124 4.607 58.4245 4.34379C59.0365 4.08009 59.7142 3.94873 60.4589 3.94873C61.2916 3.94873 62.0174 4.10873 62.6355 4.42774C63.2535 4.74824 63.7613 5.17737 64.1592 5.71713C64.5562 6.25638 64.8433 6.87071 65.0192 7.56058C65.1966 8.24996 65.2587 8.97095 65.209 9.72354H58.1507C58.1885 10.5882 58.4086 11.2159 58.8125 11.6045Z" fill="white"/>
<path d="M73.2514 7.88906C73.1764 7.51968 73.0463 7.19326 72.8639 6.91129C72.6816 6.62882 72.4446 6.40067 72.154 6.22437C71.8638 6.04906 71.4987 5.96116 71.057 5.96116C70.6158 5.96116 70.2432 6.04906 69.9402 6.22437C69.6376 6.40067 69.3942 6.63227 69.2113 6.92067C69.028 7.20956 68.8964 7.53845 68.8149 7.90832C68.7319 8.2782 68.6922 8.66388 68.6922 9.06536C68.6922 9.44067 68.7354 9.81746 68.8228 10.1933C68.9118 10.5701 69.0543 10.9059 69.2496 11.2002C69.4453 11.495 69.6908 11.733 69.9879 11.9147C70.284 12.097 70.6412 12.1873 71.057 12.1873C71.4987 12.1873 71.8673 12.1004 72.1644 11.9241C72.4605 11.7488 72.697 11.5138 72.8739 11.2184C73.0492 10.9241 73.1764 10.5883 73.2514 10.2125C73.328 9.83622 73.3662 9.44758 73.3662 9.04659C73.3662 8.64561 73.328 8.25943 73.2514 7.88906ZM73.3662 12.6955C73.0492 13.2224 72.6364 13.6017 72.1257 13.8333C71.6149 14.0654 71.0381 14.1814 70.3943 14.1814C69.6619 14.1814 69.0196 14.0407 68.4646 13.7582C67.9087 13.4762 67.4516 13.094 67.0919 12.611C66.7317 12.1286 66.4605 11.574 66.2781 10.9463C66.0953 10.3197 66.0044 9.66734 66.0044 8.9898C66.0044 8.33795 66.0953 7.70783 66.2781 7.09943C66.4605 6.49104 66.7317 5.95524 67.0919 5.49055C67.4516 5.02734 67.9027 4.654 68.4453 4.37203C68.9873 4.08956 69.6182 3.94882 70.3376 3.94882C70.9184 3.94882 71.4699 4.07079 71.9925 4.31524C72.5171 4.56017 72.93 4.92067 73.2331 5.39721H73.2703V0.506348H75.9581V13.937H73.4035V12.6955H73.3662Z" fill="white"/>
<path d="M28.1436 73.8929H42.5438C47.5015 73.8929 50.6469 70.8869 50.6469 66.1976C50.6469 60.6074 46.1114 59.045 41.2705 59.045H28.1436V73.8929ZM28.1436 54.2346H39.6409C46.1716 54.2346 48.8335 51.8909 48.8335 47.3822C48.8335 41.4292 44.6006 40.5897 39.6409 40.5897H28.1436V54.2346ZM22.4014 35.7803H38.066C41.8771 35.7803 46.8974 35.7803 49.4972 37.3437C52.3395 39.0262 54.5762 42.0924 54.5762 46.3013C54.5762 50.8687 52.1587 54.2958 48.1668 55.9181V56.0385C53.4911 57.1205 56.3915 61.0889 56.3915 66.3798C56.3915 72.6894 51.8546 78.7023 43.2682 78.7023H22.4014V35.7803Z" fill="white"/>
<path d="M38.2339 19.6343C17.3393 19.6343 0.399414 36.4718 0.399414 57.2412C0.399414 78.0101 17.3393 94.8476 38.2339 94.8476C59.1314 94.8476 76.0708 78.0101 76.0708 57.2412C76.0708 36.4718 59.1314 19.6343 38.2339 19.6343ZM71.0813 57.2595C71.0813 75.2911 56.3771 89.9084 38.2339 89.9084C20.0937 89.9084 5.38893 75.2911 5.38893 57.2595C5.38893 39.2298 20.0937 24.6135 38.2339 24.6135C56.3771 24.6135 71.0813 39.2298 71.0813 57.2595Z" fill="white"/>
<path d="M7.38419 102.972C7.24806 102.026 6.3374 101.307 5.29259 101.307C3.4047 101.307 2.69375 102.906 2.69375 104.571C2.69375 106.153 3.4047 107.751 5.29259 107.751C6.57736 107.751 7.3047 106.873 7.46219 105.621H9.50161C9.2855 107.992 7.63856 109.509 5.29259 109.509C2.33356 109.509 0.592224 107.312 0.592224 104.571C0.592224 101.746 2.33356 99.5493 5.29259 99.5493C7.39661 99.5493 9.16328 100.775 9.41914 102.972H7.38419Z" fill="white"/>
<path d="M13.8914 108.043C15.1906 108.043 15.5786 106.938 15.5786 105.847C15.5786 104.743 15.1906 103.638 13.8914 103.638C12.6062 103.638 12.2152 104.743 12.2152 105.847C12.2152 106.938 12.6062 108.043 13.8914 108.043ZM13.8914 102.214C16.0754 102.214 17.4819 103.649 17.4819 105.847C17.4819 108.031 16.0754 109.469 13.8914 109.469C11.7213 109.469 10.3159 108.031 10.3159 105.847C10.3159 103.649 11.7213 102.214 13.8914 102.214Z" fill="white"/>
<path d="M18.5799 102.4H20.3863V103.677H20.4136C20.7609 102.812 21.6994 102.214 22.6255 102.214C22.7591 102.214 22.9186 102.239 23.0413 102.279V104.036C22.8639 103.997 22.5847 103.971 22.3577 103.971C20.9626 103.971 20.4792 104.97 20.4792 106.18V109.283H18.5799V102.4Z" fill="white"/>
<path d="M29.1993 105.862C29.1993 104.767 28.7571 103.638 27.539 103.638C26.2929 103.638 25.892 104.743 25.892 105.862C25.892 106.979 26.3203 108.043 27.5529 108.043C28.7994 108.043 29.1993 106.979 29.1993 105.862ZM24.0563 102.4H25.8662V103.277H25.892C26.3471 102.545 27.0968 102.214 27.9533 102.214C30.1254 102.214 31.1011 103.957 31.1011 105.913C31.1011 107.751 30.0851 109.469 28.0606 109.469C27.2309 109.469 26.4415 109.109 25.9859 108.43H25.9576V111.706H24.0563V102.4Z" fill="white"/>
<path d="M35.6003 108.043C36.9 108.043 37.2895 106.938 37.2895 105.847C37.2895 104.743 36.9 103.638 35.6003 103.638C34.316 103.638 33.9265 104.743 33.9265 105.847C33.9265 106.938 34.316 108.043 35.6003 108.043ZM35.6003 102.214C37.7848 102.214 39.1937 103.649 39.1937 105.847C39.1937 108.031 37.7848 109.469 35.6003 109.469C33.4312 109.469 32.0257 108.031 32.0257 105.847C32.0257 103.649 33.4312 102.214 35.6003 102.214Z" fill="white"/>
<path d="M40.4254 102.4H42.2338V103.677H42.2621C42.6089 102.812 43.5463 102.214 44.4709 102.214C44.6041 102.214 44.7655 102.239 44.8863 102.279V104.036C44.7124 103.997 44.4302 103.971 44.2031 103.971C42.8101 103.971 42.3272 104.97 42.3272 106.18V109.283H40.4254V102.4Z" fill="white"/>
<path d="M49.9493 105.913C49.6254 106.195 48.9572 106.205 48.367 106.313C47.7778 106.431 47.2422 106.634 47.2422 107.325C47.2422 108.031 47.7912 108.203 48.4087 108.203C49.8932 108.203 49.9493 107.033 49.9493 106.619V105.913ZM45.553 104.517C45.6618 102.745 47.2546 102.214 48.8091 102.214C50.1878 102.214 51.8502 102.519 51.8502 104.168V107.751C51.8502 108.378 51.9157 109.003 52.0931 109.283H50.162C50.0969 109.068 50.0408 108.843 50.0258 108.616C49.4252 109.243 48.5419 109.469 47.6978 109.469C46.3842 109.469 45.3409 108.817 45.3409 107.404C45.3409 105.847 46.5213 105.475 47.6978 105.315C48.8638 105.141 49.9493 105.182 49.9493 104.408C49.9493 103.598 49.3835 103.478 48.7162 103.478C47.9924 103.478 47.5244 103.77 47.4558 104.517H45.553Z" fill="white"/>
<path d="M55.7333 102.4H57.1268V103.664H55.7333V107.07C55.7333 107.712 55.8947 107.871 56.5361 107.871C56.7378 107.871 56.9256 107.857 57.1268 107.819V109.296C56.8034 109.35 56.3881 109.363 56.013 109.363C54.8509 109.363 53.8324 109.095 53.8324 107.725V103.664H52.6788V102.4H53.8324V100.334H55.7333V102.4Z" fill="white"/>
<path d="M58.0906 109.283H59.9924V102.4H58.0906V109.283ZM58.0906 101.333H59.9924V99.7749H58.0906V101.333Z" fill="white"/>
<path d="M64.584 108.043C65.8862 108.043 66.2732 106.938 66.2732 105.847C66.2732 104.743 65.8862 103.638 64.584 103.638C63.2992 103.638 62.9102 104.743 62.9102 105.847C62.9102 106.938 63.2992 108.043 64.584 108.043ZM64.584 102.214C66.7695 102.214 68.178 103.649 68.178 105.847C68.178 108.031 66.7695 109.469 64.584 109.469C62.4164 109.469 61.0114 108.031 61.0114 105.847C61.0114 103.649 62.4164 102.214 64.584 102.214Z" fill="white"/>
<path d="M69.4066 102.4H71.2155V103.359H71.2553C71.7377 102.585 72.5679 102.214 73.3727 102.214C75.3947 102.214 75.903 103.345 75.903 105.049V109.283H74.0012V105.394C74.0012 104.263 73.6653 103.702 72.7835 103.702C71.7501 103.702 71.3084 104.276 71.3084 105.675V109.283H69.4066V102.4Z" fill="white"/>
<path d="M0.540527 119.935H75.966V115.138H0.540527V119.935Z" fill="white"/>
<path d="M77.1017 99.9224C77.0541 99.8967 76.9761 99.8824 76.8692 99.8824H76.7063V100.273H76.8792C76.9607 100.273 77.0213 100.267 77.0615 100.251C77.1365 100.22 77.1743 100.165 77.1743 100.08C77.1743 100.002 77.1489 99.95 77.1017 99.9224ZM76.8951 99.752C77.0297 99.752 77.1281 99.7663 77.1917 99.7915C77.3039 99.8374 77.3596 99.9283 77.3596 100.065C77.3596 100.162 77.3248 100.233 77.2538 100.278C77.2165 100.303 77.1638 100.32 77.0968 100.331C77.1812 100.344 77.2443 100.379 77.2836 100.436C77.3218 100.494 77.3422 100.549 77.3422 100.604V100.683C77.3422 100.709 77.3427 100.735 77.3457 100.763C77.3472 100.792 77.3497 100.811 77.3551 100.819L77.3616 100.832H77.1812C77.1807 100.829 77.1807 100.826 77.1797 100.823C77.1788 100.819 77.1778 100.814 77.1768 100.81L77.1723 100.775V100.69C77.1723 100.565 77.1385 100.482 77.0704 100.442C77.0297 100.42 76.9587 100.408 76.8563 100.408H76.7063V100.832H76.5145V99.752H76.8951ZM76.3123 99.6977C76.1469 99.8626 76.0644 100.062 76.0644 100.297C76.0644 100.532 76.1464 100.735 76.3103 100.9C76.4763 101.066 76.6775 101.15 76.9139 101.15C77.1499 101.15 77.3516 101.066 77.5156 100.9C77.6815 100.735 77.765 100.532 77.765 100.297C77.765 100.062 77.6815 99.8626 77.5156 99.6977C77.3497 99.5317 77.1489 99.4483 76.9139 99.4483C76.678 99.4483 76.4792 99.5317 76.3123 99.6977ZM77.6155 100.994C77.4217 101.187 77.1877 101.283 76.9139 101.283C76.6397 101.283 76.4062 101.187 76.2134 100.994C76.0222 100.802 75.9258 100.568 75.9258 100.295C75.9258 100.025 76.0232 99.793 76.2169 99.6014C76.4092 99.4093 76.6407 99.3145 76.9139 99.3145C77.1877 99.3145 77.4217 99.4093 77.6155 99.6014C77.8087 99.792 77.9046 100.024 77.9046 100.295C77.9046 100.568 77.8087 100.801 77.6155 100.994Z" fill="white"/>
</svg>
</div>
<div class="flex justify-start">
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
<svg class="ml-4" width="37" height="22" viewBox="0 0 37 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0H37V1H0V0ZM0 21H37V22H0V21ZM0 3H37V4H0V3ZM0 6H37V7H0V6ZM0 9H37V10H0V9ZM0 12H37V13H0V12ZM0 15H37V16H0V15ZM0 18H37V19H0V18Z" fill="white"/>
<path d="M0 0H19V13H0V0ZM0 13H1V22H0V13ZM36 0H37V22H36V0Z" fill="white"/>
</svg>
</div>
</div>
<div class="flex justify-center items-start py-16">
<span class="font-roboto text-white text-lg font-extralight">© 2021 Allbirds, Inc. All Rights Reserved. Terms, Privacy & Accessibility</span>
</div>
</footer>
</main>
</div>
</body>
</html>