-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (75 loc) · 2.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Future of the World</title>
<link rel="stylesheet" href="styles/earth.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<section>
<h1>Future Of The World 🌐</h1>
<div id="earth1"></div>
<p class="credit">By <a href="https://futureofthe.tech">JdM</a></p>
</section>
<section>
<h1>The World is <u>BIG</u></h1>
<video class="wordisbigvideo" autoplay loop muted>
<source src="images/worldisbig.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
<section>
<h1>The World is <u>Beautiful</u></h1>
<video class="wordisbigvideo" autoplay loop muted>
<source src="images/worldisbeautiful.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
<section>
<h1>However <u>in the future</u>, our World <u>won't be Liveable</u></h1>
<video class="wordisbigvideo" autoplay loop muted>
<source src="images/unliveableworld.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
<section class="final-section">
<h1>But,</h1>
<p class="important-txt">
the future is not written.<br>
<del>We can</del> <b><u>We must</u> change</b> this future.
</p>
<p class="important-txt">
We must do it because it's, <br>
<u>our</u> survival, <br>
<u>our</u> future, <br>
<u>our</u> <b style="font-size: 50px;">world</b>. <br>
</p>
<p class="important-txt">
We are the only ones who can save ourselves,<br>
together we can make it.
</p>
<div class="actionsList">
<ul>
<li>Save energy at home</li>
<li>Change your home's source of energy</li>
<li>Walk, bike or take public transport</li>
<li>Switch to an electric vehicle</li>
<li>Consider your travel</li>
<li>Reduce, reuse, repair and recycle</li>
<li>Eat more vegetables</li>
<li>Throw away less food</li>
<li>Clean up your environment</li>
<li><b>Speak up</b></li>
</ul>
</div>
<p class="important-txt">
<b>Act now</b> and <b>spread the word</b> to make a difference. <br>
<b>The best way to predict the future is to create it.</b>
</p>
<p class="source">Source : <a href="https://www.un.org/en/actnow/ten-actions">un.org/en/actnow/ten-actions</a>
</p>
</section>
</body>
</html>