<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.5/cosmo/bootstrap.min.css" />
<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<script data-require="bootstrap@*" data-semver="3.3.5" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script data-require="angular.js@*" data-semver="1.4.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="FeedApp">
<div ng-controller="FeedController">
<div ng-repeat="feed in feeds | limitTo:3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{feed.title}}</h3>
</div>
<div class="panel-body caption" ng-bind-html="trustAsHtml(feed.content)"></div>
</div>
</div>
</div>
</body>
</html>
// Code goes here
var app = angular.module('FeedApp', []);
app.controller("FeedController", ['$scope', '$http', '$sce', function ($scope, $http, $sce) {
$http.jsonp('//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=50&callback=JSON_CALLBACK&q=http://feeds.feedburner.com/crunchgear').then(function (res) {
//Your URL should immediately follow the q=
$scope.feeds = res.data.responseData.feed.entries;
$scope.trustAsHtml = $sce.trustAsHtml;
});
}]);
/* Styles go here */
.caption {
display: table-caption;
}