-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtakeaction.html
93 lines (78 loc) · 3.13 KB
/
takeaction.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
<!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>Save Mother Earth, Take Action!</title>
<link rel="stylesheet" href="takeaction.css" />
<!-- Add web page logo -->
<link rel="icon" href="webpage-logo/take-action.jpg" type="image/jpg">
</head>
<body>
<nav>
<ul class="nav">
<li class="nav1"><a href="index.html">Home Page</a></li>
<li class="nav1"><a id = "ACTIVE" 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">
<div id="box3">
<div class="fade-in-text">
<p id="takeactionpoem">
Earth. Home to almost 8 billion people <br />
Earth. A mother to us that protects us from evil <br />
But we are the ones putting Earth into misery <br />
When will our Earth, our mother, finally be free? <br />
But we don’t have to be so mean, we can stop <br />
Take out trash, water a seed, pick up a mop! <br />
Our mothers like to be sustainable and clean <br />
Earth is covered in trash, when will it be seen? <br />
It all begins with simple steps, very easy to do <br />
To get you started, I’ll give you a small clue <br />
A tray of food and wrappers, separate them as you go <br />
Put them in the proper bins, which might be slow <br />
We introduce you to the one and only machinery <br />
Separate your trash and help Earth with ease <br />
No need to stress about it, we got you covered <br />
Try it out, it has now been discovered
<br />
- Pranathi Bhat
</p>
</div>
<div id = "box4">
<div class = "wraper">
<h1 class= "typing" id= "heading-top2">Take Action</h1>
</div>
<video
id="animation"
controls="controls"
width="500"
height="280"
name="Video Name"/>
<source
src="https://uploads.codesandbox.io/uploads/user/fdaa2455-26f2-4b00-b55c-68a3a752f939/wuE--animation+for+codeathon.mov"
/>
</video>
</div>
</div>
</div>
<div class = "logo">
<img src="images/logo.jpg" width = "75" height = "75">
</div>
<div id = "sowhat">
<center><h1>So, what's the problem?</h1>
<p> Tons of trash, but nobody has the heart to help out. </p>
<h1> How did we solve that? </h1>
<p> We, GreenBot, have created an efficient machine that will allow users to learn the seperation of their trash successfully. </p>
<h1>How long did it take?</h1>
<p> It took at least 6 years to succesfully get up to this stage, but hey, we got it done! </p></center></center>
</div>
<hr>
<div id = "questions">
<img id = "steps" src = "images/steps.jpg">
</div>
</body>
</html>