characters

<!doctype html>
<html ng-app>
  	<head>
  		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

  		<script src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
    	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
  		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
  		<script>
  			function MyComtroller($scope){
  				$scope.characters = [
  									{ name: 'irishstorm', level: '60', server: 'The Red Eclipse'},
  									{ name: 'Tauriel', level: '60', server: 'The Red Eclipse'},
  									{ name: 'Toxicfury', level: '60', server: 'The Red Eclipse'}
  								]
  			}
  		</script>
  	</head>

  	<body ng-controller="MyController">
  		<div class="container" style="padding-top:30px;">
	  		<table class="table table-bordered table-condensed" style="">
	  			<tr ng-repeat="character in characters">
	  				<td>{{ character.name }}</td>
	  				<td>{{ character.level }}</td>
	  				<td>{{ character.server }}</td>
	  			</tr>
	  		</table>
  		<div>
  	</body>
</html>