-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (53 loc) · 2.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sustainable Shoes</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/287c893538.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
<body>
<div class="menu-bar">
<ul class="left">
<a href="#"><li class="men">men</li></a>
<a href="#"><li class="women">women</li></a>
<li class="allbirds" id="ab">allbirds</li>
</ul>
<ul class="right">
<a href="#"><li class="our material">our materials</li></a>
<a href="#"><li class="Stores">Stores</li></a>
<a href="#"><li class="profile"><i class="far fa-user"></i></li></a>
<a href="#"><li class="help"><i class="far fa-question-circle"></i></li></a>
<a href="#"><li class="cart"><i class="fab fa-opencart"></i></li>
</ul></a>
</div>
<div class="main-image">
<h1>performance, done naturally</h1>
<a href="https://www.edx.org/search">shop men</a>
<a href="https://www.edx.org/search">shop women</a>
</div>
<div class="middle-1">
<img src="./shoe1.png" alt="">
<h1>TREAD LIGHTER</h1>
<p>The standard sneaker emits 12.5 kg CO2e. Our average shoe emits 7.6 kg CO2e. Better, but we want to do more. Our
goal—have no carbon footprint from the start. The first step to reduce our footprint is to measure it. And even though
we’re not at zero yet, we can be. It’s all part of the plan.</p>
<span>
<a href="">OUR SUSTAINABILITY APPROACH</a>
</span>
</div>
<div class="middle-2">
<img class="img1" src="shoe3.png" alt="img">
<img class="img2" src="shoe2.png" alt="img">
<img class="img3" src="shoe4.png" alt="img">
<img class="img4" src="shoe5.png" alt="img">
<img class="img5" src="shoe8.png" alt="img">
<img class="img6" src="shoe7.png" alt="img">
</div>
</body>
</html>