JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<body>
	<div class="main-wrap">
		<div class="boxes-container" ng-controller="WeatherController" ng-bind-html="locationHTML">
		</div>
	</div>

</body>

JavaScript

WeatherApp=angular.module('WeatherApp',[]);
WeatherApp.controller('WeatherController', function($scope,$http){
	$http.get('http://api.wunderground.com/api/KEY/forecast/geolookup/conditions/q/CA/San_Francisco.json').success(function(response){
		$scope.Weather = response;
		$scope.locationHTML = "In the next two boxes You will see weather conditions in <b>" + $scope.Weather.location.city + "</b> city";
	})
		.error(function(response){
			alert('Error occured with the weather app')
		});
});