-
Notifications
You must be signed in to change notification settings - Fork 0
/
Energy.html
110 lines (84 loc) · 4.66 KB
/
Energy.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
<!DOCTYPE html>
<html>
<head>
<link rel ="stylesheet" type = "text/css" href="ThinkLfyCSS.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>ThinkLfy</title>
<style>
body {
background-color: purple;
color:white;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="https://dannyceron94.github.io/ThinkLfy/">ThinkLfy</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link center" href="https://dannyceron94.github.io/ThinkLfy"> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
</ul>
</div>
</nav>
<!--*******************************************End of nav*********************************************************-->
<div class="container-fluid">
<!-- row 1 -->
<div class="row CenText " >
<div class ="col">
<h1>Energy</h1>
<div class ="row">
<h3>Fossil Fules</h3>
<p>
Fossil fuels are a nonrenewable resource. A fossil is literally a rock or mineral dug out of the earth.They are found in three forms: oil, natural gas, and coal.
Coal is mostly carbon, and when burned it releases the most
carbon dioxide per unit of energy of the fossil fuels (Smil 2006, 107).
Natural gas is the cleanest-burning of the fossil fuels. Although it, too, emits greenhouse gases, it emits
less carbon dioxide and less pollution than oil or coal, and may play a role as a bridge in the transition to
renewable energy.
</p>
</div>
<div class ="row">
<h3>Renewable Energy</h3>
<p>
Energy is the ability to do work. Power is the rate at which work is done and is measured in watts.
Using renewable energy offers multiple benefits: improved energy security with
independence from fossil fuels, few or no greenhouse gas emissions, reduced air pollution, better worker safety
during production, and local employment opportunities (IPCC 2014c, 7).
renewable energy sources including wind, microhydropower, biomass, and
biogas. One of the advantages of hydroelectric power is that it is constant, while one of the challenges for
renewable energy sources such as wind and solar is their intermittent nature, absent a storage method such as
batteries.
/</p>
</div>
</div>
<div class ="col">
<a href="https://gfycat.com/digitalgloomyemperorshrimp">
<iframe src='https://gfycat.com/ifr/DigitalGloomyEmperorshrimp' frameborder='0' scrolling='no' allowfullscreen width='640' height='412'></iframe><p> <a href="https://gfycat.com/digitalgloomyemperorshrimp">via Gfycat</a></p>
</a>
</div>
</div>
<!-- row 2 -->
<div class="row CenText">
<iframe width="100%" height="615" src="https://www.youtube.com/embed/zMkOOg3cWwU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<!-- end of containner fuild -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>