-
Notifications
You must be signed in to change notification settings - Fork 0
/
clothing.html
118 lines (106 loc) · 6.72 KB
/
clothing.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="clothing.css">
<link href="https://fonts.googleapis.com/css?family=Kanit|Lexend+Giga|Long+Cang|Righteous&display=swap" rel="stylesheet">
<title>Turnip</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body class="background help">
<!-- nav bar -->
<h3 class="fun-fact">°˖✧Fun Fact!✧˖°
<h4 class="kanit"> Clothes can take up to 40 years to decompose, and shoes can take up to 1,000 years to break down. This means that clothing from centuries ago may still be around! Σ(°ロ°)</h4>
<ul>
<li class="questrial"><a href="index.html">Home</a></li>
<li style="float:right"><a class="questrial" href="about.html">About</a></li>
</ul>
<p>
<h1 class=righteous><strong>Clothing 👚</strong></h1>
<h3 class=center><strong>How does your style impact the environment?</strong></h3>
</p>
<div class=center>
<img src="https://data.whicdn.com/images/202030405/original.gif" align=center>
</div>
<p>
<h2>How often do you buy new clothes?</h2>
<button class="w3-btn w3-hover-red btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1">Daily</button>
<div class="collapse" id="collapseExample1">
<div class="card card-body">
Buying clothes everyday may be too excessive - it would be best to only buy clothes when you need them.
</div>
</div>
<button class="w3-btn w3-hover-orange btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">Once a week</button>
<div class="collapse" id="collapseExample2">
<div class="card card-body">
Buying clothes every week may be too excessive - it would be best to only buy clothes when you need them.
</div>
</div>
<button class="w3-btn w3-hover-yellow btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample3" aria-expanded="false" aria-controls="collapseExample3">Once a month</button>
<div class="collapse" id="collapseExample3">
<div class="card card-body">
Buying clothes every month is good, as long as you aren't over buying. Keep your purchases in check and make sure to donate or recycle old clothes.
</div>
</div>
<button class="w3-btn w3-hover-green btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample4" aria-expanded="false" aria-controls="collapseExample4">Once a year</button>
<div class="collapse" id="collapseExample4">
<div class="card card-body">
That's great! Keep your purchases in check and make sure to donate or recycle old clothes.
</div>
</div>
</p>
<p>
<h2>How much of your clothing do you frequently wear?</h2>
<button class="w3-btn w3-hover-blue btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample5" aria-expanded="false" aria-controls="collapseExample5">All of them.</button>
<div class="collapse" id="collapseExample5">
<div class="card card-body">
That's great! Put your clothes to good use!
</div>
</div>
<button class="w3-btn w3-hover-purple btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample6" aria-expanded="false" aria-controls="collapseExample6">Most of them.</button>
<div class="collapse" id="collapseExample6">
<div class="card card-body">
That's great! Put your clothes to good use, and make sure you donate or recycle clothes you no longer wear.
</div>
</div>
<button class="w3-btn w3-hover-pink btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample7" aria-expanded="false" aria-controls="collapseExample7">Only some.</button>
<div class="collapse" id="collapseExample7">
<div class="card card-body">
There is no need to keep old clothes that you don't want or use anymore. Make sure you remember to donate or recycle old clothes!
</div>
</div>
</p>
<p>
<h2> How often do you donate your clothes to charity?</h2>
<button class="w3-btn w3-hover-white btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample8" aria-expanded="false" aria-controls="collapseExample8">Often.</button>
<div class="collapse" id="collapseExample8">
<div class="card card-body">
That's great! Stay sustainable~!
</div>
</div>
<button class="w3-btn w3-hover-gray btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample9" aria-expanded="false" aria-controls="collapseExample9">Sometimes.</button>
<div class="collapse" id="collapseExample9">
<div class="card card-body">
That's great! Stay sustainable~! Make sure to donate or recycle old clothes you don't use anymore!
</div>
</div>
<button class="w3-btn w3-hover-black btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample10" aria-expanded="false" aria-controls="collapseExample10">Not often.</button>
<div class="collapse" id="collapseExample10">
<div class="card card-body">
It is best to donate or recycle old clothes you don't use anymore - by recycling or reusing old clothes, there is less need to manufacture new ones. This means less energy is being used!
</div>
</div>
<button class="w3-btn w3-hover-brown btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample11" aria-expanded="false" aria-controls="collapseExample11">Never.</button>
<div class="collapse" id="collapseExample11">
<div class="card card-body">
It is best to donate or recycle old clothes you don't use anymore - by recycling or reusing old clothes, there is less need to manufacture new ones. This means less energy is being used!
</div>
</div>
</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>