index

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
  <title>Test task on AngularJS</title>
</head>
<body ng-app="testApp">

  <div class="container" ng-controller="MainController">
    <div class="add-employee">
      <form action="#">
        <label>First name: <br><input type="text" ng-model="firstName"></label>
        <label>Last name: <br><input type="text" ng-model="lastName"></label>
        <label>Photo URL: <br><input type="url" ng-model="photoUrl"></label>
        <button ng-click="addEmployee(firstName, lastName, photoUrl)">Add</button>
      </form>
    </div>
    <div class="list-element" ng-repeat="employee in employees">
      <div class="photo">
        <img ng-src="{{ employee.photo }}">
      </div>
      <div class="names">
        <span class="first-name"> {{ employee.firstName }} </span>
        <br>
        <span class="last-name"> {{ employee.lastName }} </span>
      </div>
      <div class="remove" ng-click="removeEmployee($index)">
        <div class="icon">X</div>
      </div>
    </div>
  </div>

    <!-- Module -->
    <script src="js/app.js"></script>

    <!-- Controller -->
    <script src="js/controllers/MainController.js"></script>

</body>
</html>