index.html tiger

<!DOCTYPE html>
<html>
<head>
    <title>Tiger</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body data-ng-app="tigerApp">
    <div data-ng-controller="TigerController as tiger">
        <div>
            <h3>Tiger</h3>
            <p><span>Name: </span>{{tiger.tigerInfo.name}}</p>
            <p><span>Born: </span>{{tiger.tigerInfo.born}}</p>
            <p><span>BirthDate: </span>{{tiger.tigerInfo.birthDate}}</p>
            <p><span>Live: </span>{{tiger.tigerInfo.live}}</p>
        </div>
        <div id="tigerPhoto">
            <img src='{{tiger.tigerInfo.photo}}' alt='tiger image' ng-style='tiger.imgStyles'/>
        </div>
    </div>
</body>
</html>