working on html add story form

index.html

@@ -37,6 +37,9 @@
   <div class="navbar-brand">
     <a class="nav-link" href="#" id="nav-all">Hack or Snooze</a>
   </div>
+  <div class="nav-center">
+    <a class="nav-lin" href="#" id="">add story</a>
+  </div>
   <div class="nav-right">
     <a class="nav-link" href="#" id="nav-login">login/signup</a>
     <a class="nav-link" href="#" id="nav-user-profile"></a>
@@ -58,6 +61,16 @@
 <!-- Login and signup forms -->
 <section class="account-forms-container container">
 
+  <form id="add-story-form" class="add-story hidden">
+    <h4>Add a story</h4>
+    <label for="add-title">Title: </label>
+    <input id="add-title" type="text">
+    <label for="add-author">Author: </label>
+    <input id="add-author" type="text">
+    <label for="add-url">URL: </label>
+    <input id="add-url" type="text">
+  </form>
+
   <!-- Login form -->
   <form id="login-form" class="account-form hidden">
     <h4>Login</h4>
@@ -103,4 +116,4 @@
 <script src="js/stories.js"></script>
 
 </body>
-</html>
+</html>