<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="col-sm-12">
<div class="row">
<div class="panel-body nusafiction" style="background-image: url(http://nusasurfwear.com/images/nusafiction.jpg);background-repeat: no-repeat;" style="padding:10px; 0px 10px 0px">
<div class="col-sm-12 nusa-article">
<?php
query_posts('cat=10&showposts=5');
if (have_posts()) {
while (have_posts()) { the_post();
?>
<div class="col-sm-12">
<div class="row">
<h5 class="nusa-arts">
<a href="<?php the_permalink(); ?>"> <i class="fa fa-angle-right"></i> <?php the_title(); ?></a> - <?php the_time('F j, Y');?> - <i href="<?php comments_link(); ?>"><i class="fa fa-comment"></i> <?php comments_number( '0', '1', '%' ); ?> Comments </i> - <span class="posted-on"><i class="fa fa-thumbs-up"></i> <?php echo GetWtiLikeCount($post->ID) ?> Likes</span></h5>
</div>
</div>
<?php
} // end while loop
} // end if
wp_reset_query();
?>
</div>
