blob: f75eb9522c333246b048eea16f535c028f6768a2 (
plain) (
blame)
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
<!doctype html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Mercury is the smallest and innermost planet in the Solar System." />
<!-- CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700" />
<link rel="stylesheet" href="../assets/css/styles.css" />
<!-- Icons -->
<link rel="apple-touch-icon" sizes="57x57" href="../assets/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../assets/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../assets/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../assets/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../assets/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../assets/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../assets/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../assets/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../assets/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../assets/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
<link rel="manifest" href="../assets/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="../assets/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>Mercury | Space Wiki</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<a class="navbar-brand" href="../"><img src="../assets/favicon/favicon-96x96.png" width="30" height="30" class="d-inline-block align-top mr-2" /> Space Wiki </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-0 ml-auto">
<li class="nav-item">
<a class="nav-link" href="../">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="./">Planets <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../missions/">Missions</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../gallery/">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../about.html">About</a>
</li>
</ul>
</div>
</nav>
<!-- Planet Info -->
<div class="container planet-container">
<!-- Breadcrumb -->
<div class="planets-nav">
<a class="planets-nav-item" href="./">Sun</a>
<p class="planets-nav-item active">Mercury</p>
<a class="planets-nav-item" href="./venus.html">Venus</a>
</div>
<div class="row">
<div class="col-md-6">
<p class="planet-about">About</p>
<h1 class="planet-title">Mercury</h1>
<p class="planet-description">Mercury is the smallest and innermost planet in the Solar System. Its orbital period around the Sun of 87.97 days is the shortest of all the planets in the Solar System. It is named after the Roman deity Mercury,
the messenger of the gods. </p>
<div class="row planet-stats">
<div class="col-md-4">
<h5>Volume</h5>
<p>6.083 * 10<sup>10</sup> km<sup>3</sup></p>
</div>
<div class="col-md-4">
<h5>Mass</h5>
<p>3.3011 * 10<sup>23</sup> kg</p>
</div>
<div class="col-md-4">
<h5>Gravity</h5>
<p>3.7 m/s<sup>2</sup></p>
</div>
</div>
<!-- <a class="planet-link" href="#more">Learn More</a> -->
</div>
<div class="col-md-6">
<img class="img-fluid planet-img" src="https://media.githubusercontent.com/media/ccleberg/img/main/space-wiki/mercury.jpg" alt="Mercury" />
</div>
</div>
</div>
<!-- More -->
<div id="more"></div>
<!-- Footer -->
<footer class="container py-5">
<div class="row">
<div class="col-12 col-md">
<a href="../about.html" class="footer-brand">Space <span>Wiki</span></a>
<small class="d-block mb-3 text-muted">© 2019</small>
</div>
<div class="d-flex">
<a href="./" class="footer-link">Planets</a>
<a href="../missions/" class="footer-link">Missions</a>
<a href="../gallery/" class="footer-link">Gallery</a>
<p class="footer-link-sep">|</p>
<a href="../about.html" class="footer-link">About Us</a>
</div>
</div>
</footer>
<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
|
