diff options
Diffstat (limited to 'planets/mercury.html')
| -rw-r--r-- | planets/mercury.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/planets/mercury.html b/planets/mercury.html new file mode 100644 index 0000000..0b0acb1 --- /dev/null +++ b/planets/mercury.html @@ -0,0 +1,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://img.cleberg.net/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> |