-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathsaturn.html
59 lines (51 loc) · 2.24 KB
/
saturn.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
<!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>SATURN</title>
<link rel="stylesheet" type="text/css" href="planetstyle.css">
</head>
<body style ="background: url(https://c.tenor.com/eyMFG_3EAtkAAAAC/gif-saturn-planet.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>
Year: About 29 Earth years.<br>
Day: About 10.7 Earth hours.<br>
Diameter: About 72,000 miles, nine times the size of Earth.<br>
Effective temperature: - 288 degrees Fahrenheit.<br>
Atmosphere: Hydrogen, helium.<br>
Saturn, the sixth planet from the sun, is the second-largest planet in our solar system by mass and size and the most distant planet easily visible to the unaided eye from Earth. This gas giant made mostly of hydrogen and helium is easily recognized by its yellowish color, magnificent rings, and oblate—or flattened at the poles—shape.<br>
Want to know more about Saturn? Visit these links:<br>
</p></h6>
<div style="padding-left: 50px;">
<a href="https://solarsystem.nasa.gov/planets/saturn/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="saturnquiz.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>