-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (81 loc) · 4.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Green Planet</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="body">
<header>
<nav>
<ul>
<li><a href="#body">Home</a></li>
<li><a href="#check">Web Checker</a></li>
<li><a href="#container">Renewable Energy</a></li>
<li><a href="#greenweb">Green Web</a></li>
</ul>
</nav>
</header>
<div class="container">
<img class="header-img" src="img/header.jpg">
</div>
<div id="check" class="container1 main">
<h1>Is your Website run on renewable energy?</h1>
<p>Enter URL starting with <strong>www</strong></p>
<input type="text" name="t1" id="text1" oninput="changes()"><br>
<button id="btn">Check</button><br>
<p id="green"></p>
</div>
<div id="container" class="container">
<h1 class="heading">What is Renewable Energy?</h1>
<div class="container-pro">
<img class="img-container" src="https://i.pinimg.com/originals/f5/8f/22/f58f22ea92eba147e6a63f6b54bdc3fb.jpg">
<p class="p-container">Renewable energy is useful energy that is collected from renewable resources, which are
naturally replenished on a human timescale, including carbon neutral sources like sunlight,
wind, rain, tides, waves, and geothermal heat. The term often also encompasses biomass as
well, whose carbon neutral status is under debate. This type of energy source
stands in contrast to fossil fuels, which are being used far more quickly than they
are being replenished.</p>
</div>
</div>
<div class="container1">
<h1 class="heading">Traditional Web Hosting</h1>
<div class="container-pro">
<p class="p-container">Web hosting providers consume a great amount of energy to power servers and data centre for
providing 24/7 services. Other related facilities such as cooling controls and enhanced security setups also
require a lot of electricity. Such a great amount of energy usage has a negative impact on the environment.
Green web hosting, as the name implied, is the web hosting solution powered by environmental friendly resources
such as renewable energy.</p>
<img class="img-container" src="img/hosting.jpg">
</div>
</div>
<div id="greenweb" class="container">
<h1 class="heading">Green Web</h1>
<div class="container-pro">
<img class="img-container" src="https://cdn.kualo.com/website/greenhosting6_green.png">
<p class="p-container">Renewable energy is generated through natural resources. It is naturally 're-usable'.
Hydroelectricity and wind power are often the most common natural resources. In North America, electricity
is mostly generated by renewable energy. For example, according to Wikipedia, "Canada is the world's second
largest producer of hydroelectricity in the world and one of few countries to generate the majority of its
electricity from hydroelectricity (59% in 2006)". In daily operations, a handful web hosting firms start taking
proactive solutions such as using more efficient server hardware to reduce the electricity usage. All of these
practices become very common in North American web hosting industry.</p>
</div>
</div>
<div class="container1">
<h1 class="heading">Benefits of using renewable resources over traditional
</h1>
<ul class="benefit">
<li>Generating energy that produces no greenhouse gas emissions from fossil fuels and reduces some types of air pollution.</li>
<li>Diversifying energy supply and reducing dependence on imported fuels.</li>
<li>Creating economic development and jobs in manufacturing, installation, and more.</li>
</ul>
</div>
<footer>
<p>Made With Love By <strong><a href="https://twitter.com/surajondev">Suraj Vishwakarma</a></strong></p>
<p>API Provided By <strong><a href="https://www.thegreenwebfoundation.org/">The Green Foundation</a></strong></p>
</footer>
</body>
</html>