diff options
Diffstat (limited to 'planets/jupiter.html')
-rw-r--r-- | planets/jupiter.html | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/planets/jupiter.html b/planets/jupiter.html new file mode 100644 index 0000000..9c28681 --- /dev/null +++ b/planets/jupiter.html @@ -0,0 +1,122 @@ +<!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="Jupiter is the fifth planet from the Sun and the largest in the Solar System." /> + + <link rel="canonical" href="https://www.planetswiki.com/" /> + <!-- 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>Jupiter | 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="./mars.html">Mars</a> + <p class="planets-nav-item active">Jupiter</p> + <a class="planets-nav-item" href="./saturn.html">Saturn</a> + </div> + <div class="row"> + <div class="col-md-6"> + <p class="planet-about">About</p> + <h1 class="planet-title">Jupiter</h1> + <p class="planet-description">Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a giant planet with a mass one-thousandth that of the Sun, but two-and-a-half times that of all the other planets in the Solar + System combined. Jupiter and Saturn are gas giants; the other two giant planets, Uranus and Neptune, are ice giants. Jupiter has been known to astronomers since antiquity. It is named after the Roman god Jupiter.</p> + <div class="row planet-stats"> + <div class="col-md-4"> + <h5>Volume</h5> + <p>1.4313 * 10<sup>15</sup> km<sup>3</sup></p> + </div> + <div class="col-md-4"> + <h5>Mass</h5> + <p>1.8982 * 10<sup>27</sup> kg</p> + </div> + <div class="col-md-4"> + <h5>Gravity</h5> + <p>24.79 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://img.cleberg.net/space-wiki/jupiter.jpg" alt="Jupiter" /> + </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> |