Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angularjs@1.5.7" data-semver="1.5.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
    <script data-require="angular-route@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular-route.js"></script>
    <script src="script.js"></script>
  </head>

<body ng-app="Test">

    <div ng-include='"header.html"'></div>
    <div ng-view></div>
    <div ng-include='"footer.html"'></div>

</body>

</html>


var app = angular.module('Test', ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
      // Home
      .when("/", { templateUrl: "home.html", controller: "PageCtrl" })
}]);

/* Styles go here */

<h2>HOME CONTENT</h2>

<h2>Header</h2>

<h2>Footer</h2>