diff --git a/01_HTML_&_CSS/sidenav.HTMl b/01_HTML_&_CSS/sidenav.HTMl
new file mode 100644
index 0000000..4ded8bb
--- /dev/null
+++ b/01_HTML_&_CSS/sidenav.HTMl
@@ -0,0 +1,13 @@
+<div class="sidebar">
+  <!-- This section gets pushed to the top-->
+  <div class="section">
+    <div class="item">Messages</div>
+    <div class="item">Friends</div>
+    <div class="item">User Profile</div>
+  </div>
+  <!-- This section gets pushed to the bottom-->
+  <div class="section">
+    <div class="item">Settings</div>
+    <div class="item">Questions?</div>
+  </div>
+</div>