Application.js

var modulePrimary = angular.module('app', ['app.header', 'app.footer', 'app.sidebar', 'app.container']);

var moduleHeader = angular.module('app.header', []);

var moduleFooter = angular.module('app.footer', []);

var moduleSidebar = angular.module('app.sidebar', []);

var moduleContainer = angular.module('app.container', ['app.home', 'app.contact']);

var moduleHome = angular.module('app.home', []);

var moduleContact = angular.module('app.contact', []);

modulePrimary.config(function($stateProvider){
  $stateProvider
		.state('app', {
			url: '/app',
			abstract: true,
			templateUrl: 'app.html'
		});
});

moduleHome.config(function($stateProvider){
  $stateProvider
		.state('app.page', {
			url: '/app/page',
			abstract: true,
			templateUrl: 'container.html'
		});
});

moduleContainer.config(function($stateProvider){
  $stateProvider
		.state('app.page.home', {
			url: '/app/page/home',
			templateUrl: 'home.html'
		});
});

moduleContact.config(function($stateProvider){
  $stateProvider
		.state('app.page.contact', {
			url: '/app/page/contact',
			templateUrl: 'contact.html'
		});
});