html to do.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo list</title>
    <link rel="stylesheet" href="css to do.css">
</head>
<body>
    <div class="todo-container">
        <h1>TODO LIST</h1>
        <h3 style="color: purple;">Create your list</h3>
        <div class="todo-input">
            <input type="text" placeholder="Enter your task">
            <button>Add another Task</button>
        </div>
        
       <div class="todo-list">
        <ul>
            <!-- <li>Eat <button class="del">Delte</button></li>
            <li>Sleep <button class="del">Delte</button></li>
            <li>Play <button class="del">Delte</button></li> -->
        </ul>

       </div>
        
       
    </div>
    
    <script src="js to do.js"></script>
</body>
</html>