9 files changed, 1090 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>
diff --git a/planets/index.html b/planets/index.html
new file mode 100644
index 0000000..a009f53
--- /dev/null
+++ b/planets/index.html
@@ -0,0 +1,120 @@
+<!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="The Sun is the star at the center of 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>Sun | 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">
+      <p class="planets-nav-item active" id="sun-breadcrumb">Sun</p>
+      <a class="planets-nav-item" href="./mercury.html">Mercury</a>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <p class="planet-about">About</p>
+        <h1 class="planet-title">The Sun</h1>
+        <p class="planet-description">The Sun is the star at the center of the Solar System. It is a nearly perfect sphere of hot plasma, with internal convective motion that generates a magnetic field via a dynamo process. It is by far the most
+          important source of energy for life on Earth.</p>
+        <div class="row planet-stats">
+          <div class="col-md-4">
+            <h5>Volume</h5>
+            <p>1.41 * 10<sup>18</sup> km<sup>3</sup></p>
+          </div>
+          <div class="col-md-4">
+            <h5>Mass</h5>
+            <p>1.9885 * 10<sup>30</sup> kg</p>
+          </div>
+          <div class="col-md-4">
+            <h5>Gravity</h5>
+            <p>274 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/sun.jpg" alt="The Sun" />
+      </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>
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>
diff --git a/planets/mars.html b/planets/mars.html
new file mode 100644
index 0000000..686fe4f
--- /dev/null
+++ b/planets/mars.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="Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System after Mercury." />
+  
+  <!-- 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>Mars | 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="./earth.html">Earth</a>
+      <p class="planets-nav-item active">Mars</p>
+      <a class="planets-nav-item" href="./jupiter.html">Jupiter</a>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <p class="planet-about">About</p>
+        <h1 class="planet-title">Mars</h1>
+        <p class="planet-description">Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System after Mercury. In English, Mars carries a name of the Roman god of war, and is often referred to as the "Red Planet"
+          because the iron oxide prevalent on its surface gives it a reddish appearance that is distinctive among the astronomical bodies visible to the naked eye. </p>
+        <div class="row planet-stats">
+          <div class="col-md-4">
+            <h5>Volume</h5>
+            <p>1.6318 * 10<sup>11</sup> km<sup>3</sup></p>
+          </div>
+          <div class="col-md-4">
+            <h5>Mass</h5>
+            <p>6.4171 * 10<sup>23</sup> kg</p>
+          </div>
+          <div class="col-md-4">
+            <h5>Gravity</h5>
+            <p>3.72076 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/mars.jpg" alt="Mars" />
+      </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>
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>
diff --git a/planets/neptune.html b/planets/neptune.html
new file mode 100644
index 0000000..bea6e17
--- /dev/null
+++ b/planets/neptune.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="Neptune is the eighth and farthest known planet from the Sun 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>Neptune | 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="./uranus.html">Uranus</a>
+      <p class="planets-nav-item active" id="neptune-breadcrumb">Neptune</p>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <p class="planet-about">About</p>
+        <h1 class="planet-title">Neptune</h1>
+        <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.
+          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
+          the Roman god of the sea and has the astronomical symbol ♆, a stylised version of the god Neptune's trident. </p>
+        <div class="row planet-stats">
+          <div class="col-md-4">
+            <h5>Volume</h5>
+            <p>6.254 * 10<sup>13</sup> km<sup>3</sup></p>
+          </div>
+          <div class="col-md-4">
+            <h5>Mass</h5>
+            <p>1.02413 * 10<sup>26</sup> kg</p>
+          </div>
+          <div class="col-md-4">
+            <h5>Gravity</h5>
+            <p>11.15 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/neptune.jpg" alt="Neptune" />
+      </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>
diff --git a/planets/saturn.html b/planets/saturn.html
new file mode 100644
index 0000000..2d5b8b7
--- /dev/null
+++ b/planets/saturn.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="Saturn is the sixth planet from the Sun and the second-largest in the Solar System, after Jupiter." />
+  
+  <!-- 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>Saturn | 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="./jupiter.html">Jupiter</a>
+      <p class="planets-nav-item active">Saturn</p>
+      <a class="planets-nav-item" href="./uranus.html">Uranus</a>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <p class="planet-about">About</p>
+        <h1 class="planet-title">Saturn</h1>
+        <p class="planet-description">Saturn is the sixth planet from the Sun and the second-largest in the Solar System, after Jupiter. It is a gas giant with an average radius about nine times that of Earth. It has only one-eighth the average
+          density of Earth, but with its larger volume Saturn is over 95 times more massive. Saturn is named after the Roman god of agriculture; its astronomical symbol (â) represents the god's sickle. </p>
+        <div class="row planet-stats">
+          <div class="col-md-4">
+            <h5>Volume</h5>
+            <p>8.2713 * 10<sup>14</sup> km<sup>3</sup></p>
+          </div>
+          <div class="col-md-4">
+            <h5>Mass</h5>
+            <p>5.6834 * 10<sup>26</sup> kg</p>
+          </div>
+          <div class="col-md-4">
+            <h5>Gravity</h5>
+            <p>10.44 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/saturn.jpg" alt="Saturn" />
+      </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>
diff --git a/planets/uranus.html b/planets/uranus.html
new file mode 100644
index 0000000..a1583bf
--- /dev/null
+++ b/planets/uranus.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="Uranus (from the Latin name Åªranus for the Greek god Îá½ÏÎ±Î½ÏÏ) is the seventh planet from the Sun." />
+  
+  <!-- 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>Uranus | 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="./saturn.html">Saturn</a>
+      <p class="planets-nav-item active">Uranus</p>
+      <a class="planets-nav-item" href="./neptune.html">Neptune</a>
+    </div>
+    <div class="row">
+      <div class="col-md-6">
+        <p class="planet-about">About</p>
+        <h1 class="planet-title">Uranus</h1>
+        <p class="planet-description">Uranus (from the Latin name Ūranus for the Greek god Οὐρανός) is the seventh planet from the Sun. It has the third-largest planetary radius and fourth-largest planetary mass in the Solar System. Uranus is similar
+          in composition to Neptune, and both have bulk chemical compositions which differ from that of the larger gas giants Jupiter and Saturn. For this reason, scientists often classify Uranus and Neptune as "ice giants" to distinguish them from
+          the gas giants.</p>
+        <div class="row planet-stats">
+          <div class="col-md-4">
+            <h5>Volume</h5>
+            <p>6.833 * 10<sup>13</sup> km<sup>3</sup></p>
+          </div>
+          <div class="col-md-4">
+            <h5>Mass</h5>
+            <p>8.681 * 10<sup>25</sup> kg</p>
+          </div>
+          <div class="col-md-4">
+            <h5>Gravity</h5>
+            <p>8.69 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/uranus.jpg" alt="Uranus" />
+      </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>
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>