index.html

<!doctype html>
<html lang="en" data-framework="es6">
	<head>
		<meta charset="utf-8">
		<title>Todo - Vanilla ES6</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="src/styles/base.css">
	</head>
	<body>
        <section class="todo-app">
            <header class="header">
                <strong>Todo</strong>
                <input class="new-todo" type="text" placeholder="Enter todo item" autofocus>
            </header>
            <section style="display: none" class="main">
                <ul class="todo-list"></ul>
                <footer class="footer">
                    <input id="toggle-all" type="checkbox" class="toggle-all">
                    <label for="toggle-all"></label>
                    <span class="todo-count"></span>
                </footer>
            </section>
        </section>

        <input class="search" type="text" style="display: none" placeholder="Search todos here">
        <script src="dist/app.bundle.js"></script>
	</body>
</html>