index.html

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <link href="assets/styles.css"  type="text/css" rel="stylesheet">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title> TO-DO</title>
    </head>
    <body>
        <header>
            <h1>To-Do List</h1>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="completed.html">Completed</a></li>
                    <li><a href="priority.html">Priority</a></li>
                    <li><a href="settings.html">Settings</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <input type="text" id="taskInput" placeholder="Add a new task" required>
            <select id="priorityInput">
                <option value="high">High</option>
                <option value="medium" selected>Medium</option>
                <option value="low">Low</option>
            </select>
            <button id="add-task" type="submit">Add Task</button>

            <h2>Tasks</h2>
            <ul id="taskList">

            </ul>
        </main>
        <footer>
            &copy; 2024 Rishabh Agrawal
        </footer>
        <script src="assets/scripts.js"></script>
    </body>
</html>