diff --git a/index-left/index.html b/index-left/index.html
index 5f971b3..1757dc4 100644
--- a/index-left/index.html
+++ b/index-left/index.html
@@ -1,4 +1,53 @@
-<div class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar">
+<!DOCTYPE html>
+<html>
+<title>License - Jonas_Jones</title>
+<link rel="icon" href="https://j-onasjones.github.io/src/logo_icon.png">
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://j-onasjones.github.io/css/main.css">
+<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-lato.css">
+<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-montserat.css">
+<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-roboto.css">
+<link rel="stylesheet" href="https://j-onasjones.github.io/css/custom.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
+body, html {
+  height: 100%;
+  color: #777;
+  line-height: 1.8;
+}
+
+/* Create a Parallax Effect */
+.bgimg-1, .bgimg-2, .bgimg-3 {
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+/* First image (Logo. Full height) */
+.bgimg-1 {
+  background-image: url('https://j-onasjones.github.io/src/fnk5elzskdiy.png');
+  min-height: 400px;
+}
+
+/* Second image (projects) */
+.bgimg-2 {
+  background-image: url("https://j-onasjones.github.io/src/mup4yhdqjgm31.png");
+  min-height: 400px;
+}
+
+/* Third image (Contact) */
+.bgimg-3 {
+  background-image: url("https://j-onasjones.github.io/src/make-screenshots-of-your-minecraft-builds-with-shaders.png");
+  min-height: 400px;
+}
+
+.w3-wide {letter-spacing: 10px;}
+.w3-hover-opacity {cursor: pointer;}
+
+</style>
+<nav class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar">
     <div class="w3-container w3-display-container w3-padding-16">
         <img src="https://j-onasjones.github.io/src/logo_icon.png">
     </div>
@@ -45,4 +94,5 @@
     <a href="#contact" class="w3-bar-item w3-button w3-padding">Contact</a>
     <a href="https://github.com/J-onasJones/J-onasJones.github.io/blob/main/LICENSE" class="w3-bar-item w3-button w3-padding">License</a>
     <div id="navbottom"></div>
-</div>
+</nav>
+</html>
