index.html

<!DOCTYPE html>

<html lang="en">

<head>
    <link rel="stylesheet" href="./assets/styles.css">
    <meta charset="UTF-8">
    <title>To do list project</title>
    <script src="./assets/script.js">
    </script>
</head>

<body>
    <header>
        <img src="assets/trello.png" alt="logo">
    </header>
    <main>
        <div>
            <input id="addRow" type="button" class="button" value="Add a card">
        </div>

        <div id="simpleModal" class="modal">
            <div class="modal-content">
                <span class="closeBtn">&times;</span>
                <p class="onrow"></p>
                <p class="TitleChangeTitle">Change title</p>
                <input id="changetitle">
                <p class="TitleChangeTask">Change task</p>
               <textarea id="changetask"></textarea>
                <button class="popupbutton">Change</button>
            </div>
        </div>
    </main>
    <footer>

    </footer>
</body>

</html>