MyAppuccino Blog Post template with links to article

blog_posts.php

<!-- Include the header file -->
<div ng-include="app.app.base_url + 'partials/header.html'"></div>
<!-- Include the header file -->

<div class="page-has-header page-has-footer">
	<div uk-slider="center: true">

	    <div class="uk-position-relative uk-visible-toggle uk-light">

	        <ul class="uk-slider-items uk-child-width-1-1 uk-grid">
	        	<!-- Loop through all items in data.blog_posts -->
	            <li ng-repeat="blog_post in data.blog_posts">
	                <div class="uk-card uk-card-default">
	                    <div class="uk-card-body">
		                    	<!-- Bind this heading with the post_title -->
		                        <h3 class="uk-card-title" ng-bind="blog_post.post_title"></h3>
		                        <!-- Bind this paragraph with the post_content -->
		                        <p ng-bind="blog_post.post_content"></p>
		                        <p><a ng-href="{{'#/home/blog/article/' + blog_post.ID}}" class="uk-button uk-button-primary">View</a></p>
	                    </div>
	                </div>
	            </li>
	        </ul>

	        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
	        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

	    </div>

	    <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

	</div>

</div>

<!-- Include the footer file -->
<div ng-include="app.app.base_url + 'partials/footer.html'"></div>
<!-- Include the footer file -->