TheSithPadawan/home.html

## home.html
<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>

<body>
    <div ng-app="app" ng-controller="MainCtrl" class="list-group">
        <div class="list-group-item" ng-repeat="item in messages">
            <h4 class="list-group-item-heading">{{ item.question }}</h4>
            <p class="list-group-item-text">{{item.options}}</p>
        </div>
    </div>
    <script>
        var myApp = angular.module('app',[]);
        myApp.controller('MainCtrl',function ($scope, $http){
            $http.get('https://raw.githubusercontent.com/corysimmons/colors.json/master/colors.json').then(function(response){
                $scope.messages = response.data;
            },function (error){
                console.log(error, 'cannot get data.');
            });
        });
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
	</head>

	<body>
	<div ng-app="app" ng-controller="MainCtrl" class="list-group">
	<div class="list-group-item" ng-repeat="item in messages">
	<h4 class="list-group-item-heading">{{ item.question }}</h4>
	<p class="list-group-item-text">{{item.options}}</p>
	</div>
	</div>
	<script>
	var myApp = angular.module('app',[]);
	myApp.controller('MainCtrl',function ($scope, $http){
	$http.get('https://raw.githubusercontent.com/corysimmons/colors.json/master/colors.json').then(function(response){
	$scope.messages = response.data;
	},function (error){
	console.log(error, 'cannot get data.');
	});
	});
	</script>
	</body>
	</html>