index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>To DO LIST!</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>

<body>

    <main class="app-container">
        <h3 class="text-center">DO WYKONANIA</h3>

        <section class="new-task-container">
            <form>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Co zamierzasz ?">
                    <span class="input-group-btn">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-plus" aria-hidden="true"></i></button>
                      </span>
                </div>
            </form>
        </section>

        <section class="tasks-container">
            <ul></ul>
        </section>
    </main>


    <script src="js/app.js"></script>
    <script src="js/modules/tasks.js"></script>
    <script src="js/modules/new-task.js"></script>
    <script src="js/modules/tasks-list.js"></script>
    
    
</body>

</html>