angularjs/index.html at master · saikumark/angularjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html ng-app="soccerApp" lang="en">
<head>
	<title>Soccer Team</title>
	<!-- META Tags -->
	<meta charset="utf-8">
	<meta name="description" content="Soccer teams and their players">
	<meta name="author" content="Saikumar Kuppusamy">
	<!-- Load Styles -->
	<link rel="stylesheet" href="css/styles.css">

	<!-- load bootstrap and fontawesome via CDN -->
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />


	<!-- Angular JS -->
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
</head>

<body ng-controller="mainController">
	<div id="doc">
		<header>
			<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="/">Soccer Teams and Players</a>
				</div>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="/angularjs/#/"><i class="fa fa-home"></i> Home</a></li>
					<li><a href="/angularjs/#/teams"><i class="fa fa-shield"></i> Teams</a></li>
				</ul>
			</div>
			</nav>
		</header>
		<div id="main">
			<div ng-view></div>
		</div>
		<div id="footer">
		</div>
  </div>
  <script src="js/scripts.js"></script>
</body>
</html>