<div class="container">
  <div class="row">
    <div class="col-md-5">
      <input type="text" [(ngModel)]="newTask" class="form-control" placeholder="Enter your task" aria-describedby="basic-addon1">
    </div>
    <br>
    <div class="row">
      <button class="btn btn-primary btn-block" (click)="addTask()">Add Task</button>
    </div>
  </div>
  <br>
  <div class="row">
    <ul class="list-group">
      <li class="list-group-item" *ngFor="let item of allTasks">
        <div class="checkbox">
          <label>
            <input type="checkbox" (click)="markDone(item)">
            <span [ngClass]="{'done':item.isDone}"> {{item.title}}</span>
          </label>
        </div>
      </li>
    </ul>
  </div>
</div>