-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (72 loc) · 4.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Green Bots ♻🌏</title>
<link rel="stylesheet" href="style.css" />
<!-- Add web page logo -->
<link rel="icon" href="webpage-logo/a-green-bot.jpg" type="image/jpg">
</head>
<body>
<nav>
<ul class="nav">
<li class="nav1"><a id = "ACTIVE" href="index.html">Home Page</a></li>
<li class="nav1"><a href="takeaction.html"> Take action </a></li>
<li class="nav1"><a href="machinelearning.html"> Our Solution </a></li>
<li class="nav1"><a href="contactus.html"> Support </a></li>
</ul>
</nav>
<div class="intro">
<h1 class = "typing" id="heading-top"> Build A Better Planet </h1>
<div class = "fade-in-text">
<p>Pollution : The presence in or introduction into the environment of a substance or thing that has harmful or poisonous effects.</p>
<p> Recycle : Convert (waste) into reusable material. </p>
<p> Green Bots was founded by four beautiful minds: Ashley Brown, Pranathi Bhat, Darsh Chavre and Daniel Dohou. These young minds and future tech giants came together to innovate and solve the problem of Global Pollution.
The difficulties caused by the contamination of Earth’s resources are saddening, an example is the landfills, and their threat to aquatic life, among many others.
The contamination of the Earth is a global problem that can never be totally stopped, because as humans, we tend to create more waste as we live. Pollution cannot be stopped, but it can be greatly reduced through Recycling.
At Green Bots, we try our very best to create awareness on environmental pollution. We have trained an AI model, GreenBot. GreenBot helps our users identify human waste, and classify these wastes as biodegradable, food waste, non biodegradables, and recyclables. Then, our users are educated on how they can recycle waste.
We are confident in our product, and it helps us raise awareness on how we can save Mother Earth from the peril caused by pollution and environmental contamination.
</p>
</div>
</div>
<div class = "logo">
<img src="images/logo.jpg" width = "75" height = "75">
</div>
<div id = "fact-box">
<center><h1 id = "fact-head"> Let's learn the facts : </h1></center>
<div id = "box2">
<div id = "fact-img">
<center><img src = "images/pollution1.jpg" width = 300px; alt = "">
<p id = "words"> <b> Did you know? </b> </p>
<p id = "words"> <b> </b> Every year, the global population generates approximately 1.3 billion
tons of waste (equivalent to the weight of 6.5 million blue whales).</p>
</div>
<div id = "fact-img">
<center><img src = "images/pollution2.jpg" alt = "">
<p id = "words"> <b> No way... </b> </p>
<p id = "words"> <b> </b> Exposure to air pollution during early pregnancy increases the risk of
birth defects.</p>
</div>
<div id = "fact-img">
<center><img src = "images/pollution3.jpg" alt = "">
<p id = "words"> <b> Wait what. </b> </p>
<p id = "words"> <b> </b> About 11 million cars were designed to cheat air pollution tests.</p>
</div>
<div id = "fact-img">
<center><img src = "images/recycle2.jpg" alt = "">
<p id = "words"> <b> Really?? </b> </p>
<p id = "words"> <b> </b> Recycling plastic takes 88% less energy than making it from raw
materials.</p>
</div>
</div>
<div id = "factDisplay">
<h1> Click me for more facts ! </h1>
<button id = "factBtn"> FACTS </button>
</div>
<p id = "fact"> </p>
<script src="index.js"></script>
</body>
</html>
<!-- what we can do when we want to make changes is fork the project and then copy and paste the code in at a later time-->