krz/space-wiki
A fun wiki about space.
clone: git clone https://gitbay.org/krz/space-wiki.git
main: planets/neptune.html · raw
1<!doctype html>
2<html lang="en">
3
4<head>
5 <!-- Meta Tags -->
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 <meta name="description" content="Neptune is the eighth and farthest known planet from the Sun in the Solar System." />
9
10 <!-- CSS -->
11 <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" />
12 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700" />
13 <link rel="stylesheet" href="../assets/css/styles.css" />
14 <!-- Icons -->
15 <link rel="apple-touch-icon" sizes="57x57" href="../assets/favicon/apple-icon-57x57.png">
16 <link rel="apple-touch-icon" sizes="60x60" href="../assets/favicon/apple-icon-60x60.png">
17 <link rel="apple-touch-icon" sizes="72x72" href="../assets/favicon/apple-icon-72x72.png">
18 <link rel="apple-touch-icon" sizes="76x76" href="../assets/favicon/apple-icon-76x76.png">
19 <link rel="apple-touch-icon" sizes="114x114" href="../assets/favicon/apple-icon-114x114.png">
20 <link rel="apple-touch-icon" sizes="120x120" href="../assets/favicon/apple-icon-120x120.png">
21 <link rel="apple-touch-icon" sizes="144x144" href="../assets/favicon/apple-icon-144x144.png">
22 <link rel="apple-touch-icon" sizes="152x152" href="../assets/favicon/apple-icon-152x152.png">
23 <link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-icon-180x180.png">
24 <link rel="icon" type="image/png" sizes="192x192" href="../assets/favicon/android-icon-192x192.png">
25 <link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
26 <link rel="icon" type="image/png" sizes="96x96" href="../assets/favicon/favicon-96x96.png">
27 <link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
28 <link rel="manifest" href="../assets/favicon/manifest.json">
29 <meta name="msapplication-TileColor" content="#ffffff">
30 <meta name="msapplication-TileImage" content="../assets/favicon/ms-icon-144x144.png">
31 <meta name="theme-color" content="#ffffff">
32 <title>Neptune | Space Wiki</title>
33</head>
34
35<body>
36 <!-- Navbar -->
37 <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
38 <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>
39 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
40 <span class="navbar-toggler-icon"></span>
41 </button>
42 <div class="collapse navbar-collapse" id="navbarSupportedContent">
43 <ul class="navbar-nav mr-0 ml-auto">
44 <li class="nav-item">
45 <a class="nav-link" href="../">Home</a>
46 </li>
47 <li class="nav-item active">
48 <a class="nav-link" href="./">Planets <span class="sr-only">(current)</span></a>
49 </li>
50 <li class="nav-item">
51 <a class="nav-link" href="../missions/">Missions</a>
52 </li>
53 <li class="nav-item">
54 <a class="nav-link" href="../gallery/">Gallery</a>
55 </li>
56 <li class="nav-item">
57 <a class="nav-link" href="../about.html">About</a>
58 </li>
59 </ul>
60 </div>
61 </nav>
62 <!-- Planet Info -->
63 <div class="container planet-container">
64 <!-- Breadcrumb -->
65 <div class="planets-nav">
66 <a class="planets-nav-item" href="./uranus.html">Uranus</a>
67 <p class="planets-nav-item active" id="neptune-breadcrumb">Neptune</p>
68 </div>
69 <div class="row">
70 <div class="col-md-6">
71 <p class="planet-about">About</p>
72 <h1 class="planet-title">Neptune</h1>
73 <p class="planet-description">Neptune is the eighth and farthest known planet from the Sun in the Solar System. In the Solar System, it is the fourth-largest planet by diameter, the third-most-massive planet, and the densest giant planet.
74 Neptune is 17 times the mass of Earth, slightly more massive than its near-twin Uranus. Neptune is denser and physically smaller than Uranus because its greater mass causes more gravitational compression of its atmosphere. It is named after
75 the Roman god of the sea and has the astronomical symbol ♆, a stylised version of the god Neptune's trident. </p>
76 <div class="row planet-stats">
77 <div class="col-md-4">
78 <h5>Volume</h5>
79 <p>6.254 * 10<sup>13</sup> km<sup>3</sup></p>
80 </div>
81 <div class="col-md-4">
82 <h5>Mass</h5>
83 <p>1.02413 * 10<sup>26</sup> kg</p>
84 </div>
85 <div class="col-md-4">
86 <h5>Gravity</h5>
87 <p>11.15 m/s<sup>2</sup></p>
88 </div>
89 </div>
90 <!-- <a class="planet-link" href="#more">Learn More</a> -->
91 </div>
92 <div class="col-md-6">
93 <img class="img-fluid planet-img" src="https://img.cleberg.net/space-wiki/neptune.jpg" alt="Neptune" />
94 </div>
95 </div>
96 </div>
97 <!-- More -->
98 <div id="more"></div>
99 <!-- Footer -->
100 <footer class="container py-5">
101 <div class="row">
102 <div class="col-12 col-md">
103 <a href="../about.html" class="footer-brand">Space <span>Wiki</span></a>
104 <small class="d-block mb-3 text-muted">© 2019</small>
105 </div>
106 <div class="d-flex">
107 <a href="./" class="footer-link">Planets</a>
108 <a href="../missions/" class="footer-link">Missions</a>
109 <a href="../gallery/" class="footer-link">Gallery</a>
110 <p class="footer-link-sep">|</p>
111 <a href="../about.html" class="footer-link">About Us</a>
112 </div>
113 </div>
114 </footer>
115 <!-- JavaScript -->
116 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
117 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
118 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
119</body>
120
121</html>