-
Notifications
You must be signed in to change notification settings - Fork 5
/
earth.html
63 lines (52 loc) · 2.35 KB
/
earth.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
<!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>EARTH</title>
<link rel="stylesheet" type="text/css" href="planetstyle.css">
</head>
<body style ="background: url(https://tf-cmsv2-smithsonianmag-media.s3.amazonaws.com/filer/bf/17/bf1740cb-d313-41a8-8a30-bb24dac99e40/dscovrepicmoontransitfull.gif);
background-size:100%;
background-repeat:no-repeat;">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h6 class="animate-charcter"> <p>
Overview:<br>
Distance from the Sun: 93,432,744 km<br>
Length of year: 365 Earth days<br>
Planet type: terrestrial<br>
No. of Moons: 1<br>
Diameter: 12,742 km<br>
Surface Temperature : 57 °F<br>
Our home planet is the third planet from the Sun, and the only place we know of so far that’s inhabited by living beings.
While Earth is only the fifth largest planet in the solar system, it is the only world in our solar system with liquid water on the surface. Just slightly larger than nearby Venus, Earth is the biggest of the four planets closest to the Sun, all of which are made of rock and metal.<br>
Want to know more about the Earth ? Visit these links:<br></p></h6>
<div style="padding-left: 50px;">
<a href="https://solarsystem.nasa.gov/planets/earth/overview/">
<input type="button" name="view"
value="KNOW MORE" id="view"
style="padding: 10px;
color: black;
margin-right: 5px;
border-radius: 5px;
border: 2px solid rgb(104, 55, 132);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">
</a>
<a href="earthquiz.html">
<input type="Button" value="TAKE A QUIZ!" id="quiz"
style="padding: 10px;
margin-left: 5px;
border-radius: 5px;
color: black;
border: 2px solid rgb(104, 55, 132);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">
</a>
</div>
</div>
</div>
</div>
</body>
</html>