compose-post-index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Compose post</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="compose-post-main.css" />
    <!-- <script src="main.js"></script> -->
</head>
<body>
    <div class="body">
    <h2 id="purpose-for-editor">Compose a look into a book</h2>
    <hr>
    <form class="post-form">
        <label for="post-title">Title</label>
        <input type="text" placeholder="Enter the title" id="post-title">
        <label for="post-content">Content</label>
        <textarea placeholder="Enter the content of the post" id="post-content" rows="20" cols="150"></textarea>
        <p>Category</p>
        <input type="radio" id="post-categ-choice-1" value="non-fiction">
        <label for="post-categ-choice-1">Non-fiction</label>
        <label for="post-tag">Tags</label>
        <input type="text" placeholder="Enter the tags for the post here, each are separate by a comma" id="post-tag">
        <input type="submit" value="Send">
        <input type="button" value="Cancel">
    </form>
    </div>
</body>
</html>