ToDoList_BasicShell.html

    <h1>To Do List</h1>
    <div>
    <h2>Input Tasks</h2>
    <form id="todo_in_field"> <!-- Here is your input form field, with a button for submit, uses font-awesome fa-arrow-right icon-->
        <input type="text" class="user-inputStr" placeholder="Please, input your tasks here...">
        <button class="submitInput"><i class="fa-solid fa-arrow-right"></i></button>
    </form>
    </div>
    <div> <!-- The following three divs include Save, Clear and Previous buttons -->
        <button class="button alt saveButton">Save List</button>
    </div>
    <div>
        <button class="button localButton">Previous List</button>
    </div>
    <div>
        <button class="button clearButton">Clear List</button>
    </div>
        <!-- Task list output area, center tags optional, it could also be handled in CSS -->
    <div>
        <center>
            <h2>Task List</h2>
        </center>
        <div class="todo-container">
            <ul class="todo-list" id="saveSection"> <!-- This is where list items appear, and everything inside of todo container is saved/pulled from the localstorage-->
            </ul>
        </div>
    </div>