-
Notifications
You must be signed in to change notification settings - Fork 0
/
mercury.html
90 lines (83 loc) · 4.42 KB
/
mercury.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
<!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 1st 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 mercurystone">
<span class="card-category">
<h1>Iron on Mercury</h1>
</span>
<div class="card-description">
<p class="iron">
Iron is a grey, metallic, silvery metal. Pure iron is soft and very malleable. Iron is
the end point of nuclear reactions in large stars. It is the last element to be
produced before the violent collapse of a supernova scatters the iron into space. Iron
reacts with most acids like sulfuric acid. It makes ferrous sulfate when reacted with
sulfuric acid.
</p>
</div>
<a href="#" class="btn-default">iron</a>
</div>
</div>
<div class="grid-right">
<h1>
Mercury
</h1>
<blockquote id="block">
Mercury is a terrestrial planet, meaning that it is composed of silicate minerals and metals
that are differentiated into an iron core and silicate mantle and crust. But unlike the other
rocky planets of the solar system, iron makes up a disproportionately large amount of the
planet. Even though the planet is small, Mercury is very dense. Each cubic centimetre has a
density of 5.4 grams, with only the Earth having a higher density. This is largely due to
Mercury being composed mainly of heavy metals and rock. Mercury has just 38% the gravity of
Earth, this is too little to hold on to the atmosphere it has which is blown away by solar
winds. However, while gases escape into space they are constantly being replenished at the same
time by the same solar winds, radioactive decay and dust caused by micrometeorites.
</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>