Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>To Do List</title>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

        <!-- jQuery library -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

        <!-- Latest compiled JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <!-- Our todo application logic -->
        <script src="js/todo.js"></script>
    </head>
    <body>

        <div class = "container">

            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-xs-6 col-xs-offset-3">
                    <div class="page-header">
                        <h1>Todo.</h1>
                        <form class="form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="newTodo" placeholder="Do laundry">
                                </div>
                            <button type="button" id="addItem" class="btn btn-success"> Adicionar a lista</button>
                        </div>
                        </form>
                    </div>
                <ul id = "todos">
                </ul>
                </div>
            </div>
        </div>
    </div>
    </body>
</html>