<script src="js/pages/todo.js"></script>
                                        

<form action="javascript:void(0);">
    <input type="text" class="form-control add-task" placeholder="New Task...">
</form>
<ul class="nav nav-pills todo-nav">
    <li role="presentation" class="nav-item all-task active"><a href="#" class="nav-link">All</a></li>
    <li role="presentation" class="nav-item active-task"><a href="#" class="nav-link">Active</a></li>
    <li role="presentation" class="nav-item completed-task"><a href="#" class="nav-link">Completed</a></li>
</ul>
<div class="todo-list">
    <div class="todo-item">
        <input type="checkbox">
        <span>Create theme</span>
        <a href="javascript:void(0);" class="float-right remove-todo-item"><i class="icon-close"></i></a>
    </div>
    <div class="todo-item">
        <input type="checkbox">
        <span>Work on wordpress</span>
        <a href="javascript:void(0);" class="float-right remove-todo-item"><i class="icon-close"></i></a>
    </div>
    <div class="todo-item complete">
        <input type="checkbox" checked>
        <span>Meeting with Landon clients</span>
        <a href="javascript:void(0);" class="float-right remove-todo-item"><i class="icon-close"></i></a>
    </div>
    <div class="todo-item complete">
        <input type="checkbox" checked>
        <span>Organize office main department</span>
        <a href="javascript:void(0);" class="float-right remove-todo-item"><i class="icon-close"></i></a>
    </div>
    <div class="todo-item">
        <input type="checkbox">
        <span>Error solve in HTML template</span>
        <a href="javascript:void(0);" class="float-right remove-todo-item"><i class="icon-close"></i></a>
    </div>
</div>
<input type="checkbox" id="all-complete">
<span>Mark all as complete</span>