Untitled

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <link rel="stylesheet" href="bootstrap.min.css"/>
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <body>
      <div class="navbar narvbar-inverse navbar-fixed-top">...</div>

      <div class="container" ng-controller="scheduleCtrl">
        <img src="spinner.gif" ng-hide="ready" style="width:400px" />
        <div ng-cloak ng-show="ready" class="jumbotron"><div class="container"><h1 ng-bind="student.name">&nbsp;</h1></div></div>
        <div ng-cloak ng-show="ready" class="row">
          <div class"col-md-8">
            <h1>Your Info</h1>
            <div ng-bind="student.name"></div>
            <div ng-bind="student.dob"></div>
            <div ng-bind="student.address"></div>
            <div ng-bind="student.GPA"></div>
          </div>
        </div>
      </div>

      <script type="text/javascript" src="angular.js"></script>
      <script type="text/javascript" src="app.js"></script>
  </body>
</html>