-
Notifications
You must be signed in to change notification settings - Fork 0
/
mars.html
88 lines (81 loc) · 4.26 KB
/
mars.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
<!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 4th 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 marsstone">
<span class="card-category">
<h1>Hematite on Mars</h1>
</span>
<div class="card-description">
<p class="hematite">
Hematite is colored black to steel or silver-gray, brown to reddish brown, or red. While
the forms of hematite vary, they all have a rust-red streak. Hematite is harder than
pure iron, but much more brittle. The name hematite is derived from the Greek word
haimatites for blood. It is responsible for Mars's distinctive red color.
</p>
</div>
<a href="#" class="btn-default">hematite</a>
</div>
</div>
<div class="grid-right">
<h1>
Mars
</h1>
<blockquote id="block">
Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System after
Mercury. The presence of iron oxide gives the surface the “rust” color that is associated with
the Red Planet. Mars is the site of Olympus Mons, the largest volcano in the Solar System, and
of Valles Marineris, one of the largest canyons in the Solar System. Although Mars has no
evidence of a structured global magnetic field, observations show that parts of the planet's
crust have been magnetized, suggesting that alternating polarity reversals of its dipole field
have occurred in the past. Liquid water cannot exist on the surface of Mars due to low
atmospheric pressure except at the lowest elevations for short periods.
</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>