make_post.html

<!DOCTYPE html>
<html>
<head>
<title>Create a Post</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.container {
  max-width: 800px;
  margin: auto;
  padding: 16px;
}
</style>
</head>
<body class="w3-light-grey">

<div class="container w3-card-4 w3-white w3-margin-top">
  <h2 class="w3-center">Create a New Post</h2>
  <form class="w3-container" action="/user/create_post" method="post">
    <label class="w3-text-grey"><b>Title</b></label>
    <input class="w3-input w3-border" type="text" name="title" placeholder="Enter the post title" required>

    <label class="w3-text-grey"><b>Description</b></label>
    <input class="w3-input w3-border" type="text" name="description" placeholder="Enter a short description" required>

    <label class="w3-text-grey"><b>Content</b></label>
    <textarea class="w3-input w3-border" name="content" placeholder="Write your post content here" rows="10" required></textarea>

    <button class="w3-button w3-green w3-margin-top" type="submit">Post</button>
  </form>
</div>

</body>
</html>