task.html

<!DOCTYPE html>
<html lang="en">

<head>

    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:description"       content="Recording tasks in an effective way"/>
    <meta property="og:author"        content="Nnachi, Joseph Otu"/>
    <meta property="og:title"          content="Tasker"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="style/styles.css">
    <link rel="icon" href="favicon.ico">


    <title>Tasker - Keep Daily Tasks on Check! </title>
</head>

<body class="logged-in env-production page-responsive" style="word-wrap: break-word;" data-new-gr-c-s-loaded="14.1062.0> 
    <div id ="content"></body></div>
        <br>
        <br>
        <h2>Tasker</h2>

        <!-- Main -->
    <main>
	    <label for="favchap"> Enter Task - Time - Date </label>
	    <input type="text" id="favchap" placeholder="Tasks">
	    <button type="submit" id="addChapterButton">Add Task</button>
	    <ul id="list"></ul>
    </main>

    <br>
    <!-- Footer -->
    <footer>
        <p>
            &copy;
            <script>
                document.write(new Date().getFullYear());
            </script> Tasker
        </p>
    </footer>
    <script src="scripts/script.js"></script>
</body>
</html>