diff options
Diffstat (limited to 'planets/earth.html')
| -rw-r--r-- | planets/earth.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/planets/earth.html b/planets/earth.html new file mode 100644 index 0000000..6657436 --- /dev/null +++ b/planets/earth.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="Earth is the third planet from the Sun and the only astronomical object known to harbor life." /> + + <!-- 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>Earth | 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="./venus.html">Venus</a> + <p class="planets-nav-item active">Earth</p> + <a class="planets-nav-item" href="./mars.html">Mars</a> + </div> + <div class="row"> + <div class="col-md-6"> + <p class="planet-about">About</p> + <h1 class="planet-title">Earth</h1> + <p class="planet-description">Earth is the third planet from the Sun and the only astronomical object known to harbor life. According to radiometric dating and other sources of evidence, 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 orbits around the Sun in 365.26 days, a period known as an Earth year.</p> + <div class="row planet-stats"> + <div class="col-md-4"> + <h5>Volume</h5> + <p>91.08321 * 10<sup>12</sup> km<sup>3</sup></p> + </div> + <div class="col-md-4"> + <h5>Mass</h5> + <p>5.97237 * 10<sup>24</sup> kg</p> + </div> + <div class="col-md-4"> + <h5>Gravity</h5> + <p>9.807 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/earth.jpg" alt="Earth" /> + </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> |