-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (172 loc) · 7.61 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
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/18.5.0/Tween.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.slim.js" integrity="sha512-JC/KiiKXoc40I1lqZUnoRQr96y5/q4Wxrq5w+WKqbg/6Aq0ivpS2oZ24x/aEtTRwxahZ/KOApxy8BSZOeLXMiA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script defer src="./index.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inria+Sans:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap" rel="stylesheet">
<!-- unpkg -->
<script src="https://unpkg.com/@barba/core"></script>
<!-- jsdelivr -->
<script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>
<script defer src="./main.js" defer></script>
<link href="https://fonts.googleapis.com/css2?family=Cambay&display=swap" rel="stylesheet">
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
}
.wave {
display: block;
z-index: 2;
width: 100vh;
animation: waveAnimation 3s linear infinite;
}
@keyframes waveAnimation {
0% {
transform: rotate(-90deg) translateX(10%) translateY(10vw);
}
50% {
transform: rotate(-90deg) translateX(0%) translateY(10vw);
}
100% {
transform: rotate(-90deg) translateX(10%) translateY(10vw);
}
}
</style>
</head>
<body data-barba="wrapper" >
<div class="containers" data-barba="container">
<div class="landing" >
<nav>
<img class="menu" src="./images/burger-list-menu-navigation.svg">
<h2>Home</h2>
<h2 class="about" >About</h2>
<a href="/faq.html"><h2>FAQ</h2></a>
</nav>
<h1 class="bt">Burning Truth Of The</h1>
<img class="textImg" src="./images/text.svg">
<div class="extension">
</div>
<div class="svgcontainer">
<svg class="wave" viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
<!-- Your SVG wave path goes here -->
<path fill="#2342f1" d="M0 540 Q480 430 960 540 T1920 540 V1080 H0z" />
</svg>
</div>
<a href="./more.html">
</a>
<a href="./more.html">
<div class="LearnMore">
<div class="hello">
<p class="learnMoreText">Learn More</p>
</div>
</div>
</a>
</div>
<div class="informationPage">
<div class="info">
<h1 class="infoText">Fast Fashion And textile waste</h1>
<h3>The quick creation of inexpensive garments based on current trends is known as fast fashion. As a result, there are frequent changes in fashion, cheap pricing, and rapid turnover. However, because of their short shelf lives and low quality, it produces a substantial amount of textile waste. This waste adds to resource depletion, labour exploitation, and environmental problems. To solve this, we must adopt sustainable behaviours, such as buying clothing of higher quality, recycling, and raising consumer awareness</h3>
</div>
<div class="imgDiv">
<img src="./images/Image-by-Firn-from-Firn-Canva-Pro.jpg" alt="" class="image">
<div class="shadow1">
</div>
<div class="shadow2">
</div>
</div>
</div>
<div class="articles">
<h1 class="artHeader">Articles</h1>
<div class="cardlist">
<a href="/articles/history.html">
<div class="card">
<div class="content">
<img src="./images/history.jpg">
<h3>History Of Fast Fashion</h3>
</div>
</div>
</a>
<a href="/articles/hazards.html">
<div class="card">
<div class="content">
<img src="./images/pexels-teona-swift-6850486.jpg">
<h3>Hazards Of Fast Fashion</h3>
</div>
</div>
</a>
<a href="/articles/future.html">
<div onclick="()=>{alert('hi')}" class="card">
<div class="content">
<img src="./images/future.jpg">
<h3>Future Scope</h3>
</div>
</div>
</a>
</div>
<div class="Regulations">
<h1>Regulations And Initiatives</h1>
<div class="regulist">
<div class="listItem">
<img src="./images//plus.png">
<h2>The United Nations Alliance for Sustainable Fashion</h2>
</div>
<div class="collaspable">
<p>
A global project called the United Nations Alliance for Sustainable Fashion seeks to encourage sustainable practises in the fashion sector. To address the environmental and social implications of the fashion industry, it brings together a variety of stakeholders, including governments, corporations, and civil society. In order to promote positive change towards more ethical and sustainable fashion production, consumption, and disposal, the alliance supports collaboration, information exchange, and innovation. Reducing waste, enhancing working conditions, encouraging circular fashion models, and spreading awareness of the significance of sustainable fashion choices are some of its key areas.
</p>
</div>
<div class="listItem">
<img src="./images//plus.png">
<h2>Sustainable Fashion Policy </h2>
</div>
<div class="collaspable">
<p>
The Ministry of Textiles established National Handloom Day in 2020, with the theme "Handloom for Atmanirbhar Bharat." The policy's goal is to promote sustainable fashion and textiles, encourage local craftspeople, and lessen the fashion industry's environmental effect.
This initiative also aims to reduce the carbon emmision done by the fashion industry and replace them with sustainable indiginious fabric like khadi .</p>
</div>
<div class="listItem">
<img src="./images//plus.png">
<h2>The Fashion Industry Charter for Climate Action</h2>
</div>
<div class="collaspable">
<p>
The Fashion Industry Charter for Climate Action is a commitment launched by the UNFCCC in 2018. It brings together fashion industry stakeholders to reduce greenhouse gas emissions and promote sustainability. Key principles include setting science-based emission reduction targets, adopting circular economy practices, using sustainable materials, and increasing consumer awareness. It emphasizes collaboration, transparency, and innovation to achieve its goals. </p>
</div>
</div>
<footer>
<h2>Delhi Public School</h2><br>
<h3>Bokaro Steel City</h3>
<img class="dpsLogo" src="./images/images-removebg-preview.png">
<h4 class="social">Contact</h4>
<p>Phone : +91 6542 233544 (Senior Wing)</p><br><br>
<p>Mobile : +91 9234300512 (Senior Wing)</p><br>
<div class="contact">
<div class="facebook">
<img src="./images/124021.png">
</div>
<div class="yt">
<img src="./images/YouTube_full-color_icon_(2017).svg.webp">
</div>
<div class="lin">
<img src="./images/LinkedIn_icon.png">
</div>
</div>
</footer>
</div>
</div>
</div>
<script src="https://unpkg.com/@barba/core"></script>
<script src="script.js"></script>
</body>
</html>