diff --git a/index.html b/index.html
index f4946a5..9599d8a 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,17 @@
     <link rel="stylesheet" href="static/nightlycss.css">
 </head>
 <body>
-    <h1>Hello world!</h1>
+    <div id="sidebar">
+        <ul>
+            <li><a class="active" href="#home">Home</a></li>
+            <li><a href="#news">News</a></li>
+            <li><a href="#contact">Contact</a></li>
+            <li><a href="#about">About</a></li>
+        </ul>
+    </div>
+    <div id="content">
+        <h1>Hello world!</h1>
+
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/static/nightlycss.css b/static/nightlycss.css
index bcebd62..64483e6 100644
--- a/static/nightlycss.css
+++ b/static/nightlycss.css
@@ -1,6 +1,31 @@
 :root {
     --bgcolour: #290B57;
+    --sdbarcolour: #481496;
 }
 body {
     background-color: var(--bgcolour);
+    margin:0;
+}
+
+#sidebar ul {
+    margin: 0;
+    padding: 0;
+    width:85px;
+    background-color: var(--sdbarcolour);
+    overflow: auto;
+    display: block;
+    height:100%;
+    position: fixed;
+}
+
+#sidebar li a {
+    display: block;
+    color: #000;
+    padding: 8px 16px;
+    text-decoration: none;
+}
+
+#content {
+    margin-left:138px;
+    padding: 1px 16px;
 }
\ No newline at end of file
