diff options
Diffstat (limited to 'planets/venus.html')
| -rw-r--r-- | planets/venus.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/planets/venus.html b/planets/venus.html new file mode 100644 index 0000000..9933ad4 --- /dev/null +++ b/planets/venus.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="Venus is the second planet from the Sun, orbiting it every 224.7 Earth days." /> + + <!-- 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>Venus | 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="./mercury.html">Mercury</a> + <p class="planets-nav-item active">Venus</p> + <a class="planets-nav-item" href="./earth.html">Earth</a> + </div> + <div class="row"> + <div class="col-md-6"> + <p class="planet-about">About</p> + <h1 class="planet-title">Venus</h1> + <p class="planet-description">Venus is the second planet from the Sun, orbiting it every 224.7 Earth days. It has the longest rotation period (243 Earth days) of any planet in the Solar System and rotates in the opposite direction to most + other planets (meaning the Sun rises in the west and sets in the east). It does not have any natural satellites. It is named after the Roman goddess of love and beauty.</p> + <div class="row planet-stats"> + <div class="col-md-4"> + <h5>Volume</h5> + <p>9.2843 * 10<sup>11</sup> km<sup>3</sup></p> + </div> + <div class="col-md-4"> + <h5>Mass</h5> + <p>4.8675 * 10<sup>24</sup> kg</p> + </div> + <div class="col-md-4"> + <h5>Gravity</h5> + <p>8.87 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/venus.jpg" alt="Venus" /> + </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> |