frameworkLess-1

by cnhhoang850

HTML

<script src="https://jsfiddle.net//cnhhoang850/qmp0rv1k"></script>
<script src="https://jsfiddle.net/cnhhoang850/2exuqyan"></script>
<script src="https://jsfiddle.net/cnhhoang850/t1db3kue"></script>
<html>
    <body>
        <section class="app">
            <header class="header">
                <h1>Notes</h1>
                <input
                    type="text"
                    class="new_note"
                    placeholder="Input new note here"
                    autofocus=""
                />
            </header>
            <section class="main">
                <input type="checkbox" class="show-all" id="show-all" />
                <label for="show-all"> Show all notes </label>
                <ul class="todo-list" ></ul>
            </section>
            <footer class="footer">
                <span class="todo-count" >Count: </span>
                <ul class="filters" >
                    <li><a href="#/">All</a></li>
                    <li><a href="#/active">Active</a></li>
                    <li><a href="#/done">Done</a></li>
                </ul>
                <button class="clear-all">Clear completed</button>
            </footer>
        </section>
    </body>
</html>