Create basic template for blog form

Relates #2 Co-authored-by: akomiqaia <[email protected]>
fac19 · Mar 25, 2020 · fa7cc97 · fa7cc97
1 parent fbc2ee4
commit fa7cc97
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/homepage.html b/homepage.html
@@ -6,6 +6,17 @@
   <title>Home</title>
 </head>
 <body>
-
+  <h1 class="title">Harlspace</h1>
+
+  <form class="form">
+    <label for="username" class="form__username--label">Username</label>
+    <input id="username" class="form__username--input" name="username" type="text" placeholder="Your Name">
+    <label for="postTitle" class="form__post-title--label">Title</label>
+    <input id="postTitle" name="post_title" type="text" class="form__post-title--input" placeholder="Title of your Blog">
+
+    <textarea id="blog_message" class="form__blog-message"></textarea>
+    <button id="submit" class="form__button--submit">Submit</button>
+    <button id="cancel" class="form__button--cancel">Go back</button>
+  </form>
 </body>
 </html>