-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsaturn.html
94 lines (87 loc) · 4.73 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
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
<!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, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Alice|Nunito&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Star Express FW</title>
</head>
<body>
<div class="nav">
<a href="./mercury.html" id="btns">MERCURY</a>
<a href="./venus.html" id="cards">VENUS</a>
<a href="./earth.html" id="forms">EARTH</a>
<a href="./mars.html" id="heads">MARS</a>
<a href="./index.html" class="logo" id="logos"><img src="assets/img/earthlogo.png"></img></a>
<a href="./jupiter.html" id="blocks">JUPITER</a>
<a href="./saturn.html" id="codes">SATURN</a>
<a href="./uranus.html" id="navs">URANUS</a>
<a href="./neptune.html" id="foots">NEPTUNE</a>
</div>
<div class="grid-container">
<div class="content">
<div class="grid-row">
<div class="grid-all">
<h1 class="welcome">The 6th Planet from the Sun</h1>
<p class="tagline">Interesting facts about the composition and minerals of the planet.</p>
</div>
</div>
<div class="grid-row" id="card">
<div class="grid-left">
<div class="card saturnstone">
<span class="card-category">
<h1>Hydrogen on Saturn</h1>
</span>
<div class="card-description">
<p class="hydrogen">
Hydrogen is the lightest element in the periodic table and the most abundant
chemical substance in the universe. The
universal emergence of atomic hydrogen first occurred during the Big Bang. At standard
temperature and pressure, hydrogen is a colorless, odorless, non-toxic,
nonmetallic, highly combustible diatomic gas.
</p>
</div>
<a href="#" class="btn-default">hydrogen</a>
</div>
</div>
<div class="grid-right">
<h1>
Saturn
</h1>
<blockquote id="block">
Saturn is the sixth planet from the Sun and the most distant that can be seen with the naked
eye. Saturn is the second largest planet and is best known for its fabulous ring system that was
first observed in 1610 by the astronomer Galileo Galilei. Saturn is the flattest planet.
Its polar diameter is 90% of its equatorial diameter, this is due to its low density and fast
rotation. Saturn turns on its axis once every 10 hours and 34 minutes giving it the
second-shortest day of any of the solar system’s planets. Saturn has the most extensive rings in
the solar system.
The Saturnian rings are made up of are billions of particles that range in size from tiny dust
grains to objects as large as mountains. These are made up of chunks of ice and rock, believed
to have come from asteroids comets, or even moons, that broke apart before they reached the
planet. The rings stretch out more than 120,700 km from the planet, but are are amazingly thin:
only about 20 meters thick. Saturn has 150 moons and smaller moonlets. The largest moons are
Titan and Rhea.
</blockquote>
</div>
</div>
</div>
</div>
<div class="foot" id="foot">
<p class="planets">
<img class="sun" src="assets/img/sunlogo.png">
<img class="mercury" src="assets/img/mercurylogo.png">
<img class="venus" src="assets/img/venuslogo.png">
<img class="earth" src="assets/img/earthlylogo.png">
<img class="mars" src="assets/img/marslogo.png">
<img class="jupiter" src="assets/img/jupiterlogo.png">
<img class="saturn" src="assets/img/saturnlogo.png">
<img class="uranus" src="assets/img/uranuslogo.png">
<img class="neptune" src="assets/img/neptunelogo.png">
</p>
</div>
</body>
</html>