-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (192 loc) · 10.3 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
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="footer.css">
<script src="script.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="icon" href="./Assets/Copy of E (1).png">
<title>E-Waste Facility Locator</title>
</head>
<body>
<!-- <div class="container">
</div> -->
<nav class="nav flex">
<div class="logo">
<img src="./Assets/Copy of E (1).png" alt="">
</div>
<input type="checkbox" id="check">
<label for="check" class="bars">
<i class="fa-solid fa-bars" style="color: #000000;"></i>
</label>
<div class="nav-bar flex">
<label for="check" class="cancel"><i class="fa-solid fa-xmark" style="color: #000000; font-size: 2rem;"></i></label>
<ul class="options flex">
<!-- <li class="nav-item modes"><img src="./Assets/icons8-light-mode-78.png" alt=""></li> -->
<li class="nav-item flex"><a href="./index.html#hero">Home</a></li>
<li class="nav-item flex"><a href="./services.html">Services</a></li>
<li class="nav-item flex"><a href="./education.html">Education</a></li>
<li class="nav-item flex"><a href="#section-faq">FAQ</a></li>
<li class="nav-item flex"><a href="./contact.html">Contact</a></li>
</ul>
<ul class="login flex">
<li id="location">
<a href="./location.html">
<i class="fa-solid fa-location-dot" style="color: #1cfc1c;"></i>
<span>Location</span>
</a>
</li>
<li id="login" class="login-li"><a href="./login.html">Login</a></li>
</ul>
</div>
</nav>
<main class="hero container" id="hero">
<div class="carousel">
<div class="img-1 img-carousel" id="img-1">
<div class="img-content">
<a href="#img-4"><i class="fa-solid fa-angle-left"></i></a>
<div class="solid-waste img-inner">
<h2>Solid Waste</h2>
<h5>Solid waste management denotes the process of collecting, treating and disposing of solid wastes. Solid waste can be domestic, agricultural or even industrial wastes.</h4>
</div>
<a href="#img-2"><i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
<div class="img-2 img-carousel" id="img-2">
<div class="img-content">
<a href="#img-1"><i class="fa-solid fa-angle-left"></i></a>
<div class="hazardous-waste img-inner">
<h2>Hazardous Waste</h2>
<h5>Hazardous waste is waste that is dangerous or potentially harmful to our health or the environment. Hazardous wastes can be liquids, solids, gases, or the by-products of manufacturing processes</h4>
</div>
<a href="#img-3"><i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
<div class="img-3 img-carousel" id="img-3">
<div class="img-content">
<a href="#img-2"><i class="fa-solid fa-angle-left"></i></a>
<div class="solid-waste img-inner">
<h2>Biodegradable Waste</h2>
<h5>Biodegradable waste can be commonly found in municipal solid waste as green waste, food waste, paper waste and biodegradable plastics. Other biodegradable wastes include human waste, manure, sewage, and slaughterhouse waste.</h4>
</div>
<a href="#img-4"><i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
<div class="img-4 img-carousel" id="img-4">
<div class="img-content">
<a href="#img-3"><i class="fa-solid fa-angle-left"></i></a>
<div class="solid-waste img-inner">
<h2>Solid Waste</h2>
<h5>Solid waste management denotes the process of collecting, treating and disposing of solid wastes. Solid waste can be domestic, agricultural or even industrial wastes.</h4>
</div>
<a href="#img-1"><i class="fa-solid fa-angle-right"></i></a>
</div>
</div>
</div>
<!-- <marquee behavior="" direction="right"><img src="./Assets/garbage-truck.png" alt=""></marquee> -->
</main>
<!-- <div class="container">
<video src="https://media.istockphoto.com/id/1272433103/video/man-hands-hold-earth-globe-with-stickers.mp4?s=mp4-640x640-is&k=20&c=zHC4Ie1WEL5kKWW-4mSz11A19zsaY-Qk9us68wcjiiA=" loop muted autoplay></video>
</div> -->
<section class="section-faq container" id="section-faq">
<h1 class="faq-heading">Frequently Asked Questions</h1>
<div class="faq-1 faq">
<label for="label-faq--1">What is the most important in waste management?</label>
<input type="checkbox" name="faq" id="label-faq--1">
<div class="faq-content">
<p>IDEM encourages the 3Rs of waste – Reduce, Reuse and Recycle. Reduce the amount of waste we make to a feasible extent by using resources wisely and using less than usual. For example, packaging. Reducing waste will not only protect the environment but will also save on costs or reduce expenses for disposal.</p>
</div>
</div>
<div class="faq-2 faq">
<label for="label-faq--2">What is the main waste management?</label>
<input type="checkbox" name="faq" id="label-faq--2">
<div class="faq-content">
<p>Possible waste disposal methods are recycling, composting, incineration, landfills, bioremediation, waste to energy, and waste minimization. As for waste management, it is the measures utilized to manage waste in its entire life cycle, from waste generation to disposal or recovery.</p>
</div>
</div>
<div class="faq-3 faq">
<label for="label-faq--3">What is the concept of waste?</label>
<input type="checkbox" name="faq" id="label-faq--3">
<div class="faq-content">
<p>Waste (or wastes) are unwanted or unusable materials. Waste is any substance discarded after primary use, or is worthless, defective and of no use.</p>
</div>
</div>
<div class="faq-4 faq">
<label for="label-faq--4">What is zero waste lifestyle?</label>
<input type="checkbox" name="faq" id="label-faq--4">
<div class="faq-content">
<p>The zero waste approach seeks to maximize recycling, minimize waste, reduce consumption and ensures that products are made to be reused, repaired or recycled back into nature or the marketplace.</p>
</div>
</div>
</section>
<section class="chatbot container">
<!-- src="https://widget.writesonic.com/CDN/index.html?service-base-url=https://api.botsonic.ai&token=74025b5a-cfc3-4cb2-92cf-05e5bc1dfe51&base-origin=https://bot.writesonic.com&instance-name=Botsonic&standalone=true&page-url=https://bot.writesonic.com/dc10b09d-c173-4afa-9869-9e82b2354372?t=connect&workspace_id=fbd7446f-b558-4a64-886e-271f399a6494" > -->
<iframe style="height:100vh;width:90vw" frameBorder="0"
src="https://bot.writesonic.com/share/bot/dc10b09d-c173-4afa-9869-9e82b2354372" >
</iframe>
</section>
<footer class="footer-distributed">
<div class="footer-left">
<img src="./Assets/Copy of E (1).png" alt="WFL Logo" />
<p class="footer-links">
<a href="./index.html" class="link-1">Home</a>
<a href="./services.html">Services</a>
<a href="./education.html">Awareness</a>
<a href="#section-faq">FAQ</a>
<a href="./contact.html">Contact</a>
<a href="./location.html">Location</a>
<a href="./login.html">Login</a>
</p>
<p class="footer-company-name">Waste Facility Locator © 2024</p>
</div>
<div class="footer-center">
<div>
<i class="fa-solid fa-location-dot"></i>
<p><span>19th KM Stone, </span> NH-09 GHAZIABAD(U.P)</p>
</div>
<div>
<i class="fa-solid fa-phone"></i>
<p>+1.555.555.5555</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>About the company</span>
Our Company developed a waste facilty locator website is a valuable
tool to facilitate waste management.
</p>
<div class="footer-icons">
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
</div>
</div>
</footer>
<!-- <script>
(function (w, d, s, o, f, js, fjs) {
w["botsonic_widget"] = o;
w[o] =
w[o] ||
function () {
(w[o].q = w[o].q || []).push(arguments);
};
(js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0]);
js.id = o;
js.src = f;
js.async = 1;
fjs.parentNode.insertBefore(js, fjs);
})(window, document, "script", "Botsonic", "https://widget.writesonic.com/CDN/botsonic.min.js");
Botsonic("init", {
serviceBaseUrl: "https://api.botsonic.ai",
token: "74025b5a-cfc3-4cb2-92cf-05e5bc1dfe51",
});
</script> -->
</body>
</html>