-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathearth.html
89 lines (82 loc) · 4.31 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
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
<!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 3rd 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 earthstone">
<span class="card-category">
<h1>Quartz on Earth</h1>
</span>
<div class="card-description">
<p class="quartz">
Quartz forms colorless, transparent and very hard crystals with a glass-like luster. The
most ancient name known is κρύσταλλος or kristallos. The root words κρύοσ signifying ice
cold and στέλλειυ to solidify suggest the ancient belief that kristallos was permanently
solidified ice.
</p>
</div>
<a href="#" class="btn-default">quartz</a>
</div>
</div>
<div class="grid-right">
<h1>
Earth
</h1>
<blockquote id="block">
Earth is the third planet from the Sun, and and is the largest of the terrestrial planets.
Earth is the only planet in the Milky Way not to be named after a Greek or Roman deity. Earth
formed over 4.5 billion years ago. Earth's gravity interacts with other objects in space,
especially the Sun and the Moon, Earth's only natural satellite. Earth acquired the nickname the
“Blue Planet because 70% of the planet is covered with oceans. Earth's atmosphere and oceans
were formed by volcanic activity and outgassing. Water vapor from these sources condensed into
the oceans, augmented by water and ice from asteroids, protoplanets, and comets. The shape of
Earth is approximately oblate spheroidal. Due to rotation, the Earth is flattened at the poles
and bulging around the equator.
</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>