<div class="container blog-container" id="gridcontainer">
  <header class="header page-title">
    <h2 data-role="page-title">
      <?php $cat = get_the_category(); echo $cat[0]->cat_name; ?>
    </h2>
  </header>
  <div class="row">
    <div class="col-md-9 col-lg-9 col-lg-push-3">
      <section id="content" role="main" class="category"> 
        <!-- BEGIN CATEGORY ROWS Img | Content  -->
        <div class="category">
          <?php wp_reset_query(); ?>
          <?php while ( have_posts() ) : the_post(); // standard WordPress loop. ?>
          <div class="row article-row">
            <div class="col-sm-5 blog-image"> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
              <?php the_post_thumbnail('category-feature', array('class' => 'blog-thumb')); ?>
              </a> </div>
            <div class="col-sm-7 blog-text">
              <div class="blog-title"><a href="<?php the_permalink(); ?>">
                <?php the_title( '<h2>', '</h2>' ); ?>
                </a></div>
              <div class="blog-meta"><span class="blog-meta-left">Posted on <strong>
                <?php the_time('F j, Y'); ?>
                </strong> | </span> <span class="blog-meta-right"><em>by</em>
                <?php the_author_posts_link(); ?>
                <em>in </em>
                <?php the_category(', ') ?>
                </span> </div>
              <div class="cat-text">
                <?php the_excerpt(); ?>
              </div>
            </div>
          </div>
          <?php endwhile; // end of the loop. ?>
        </div>
        <!-- END CATEGORY ROWS Img | Content  --> 
        <!--All posts are displayed from wordpress settings, hence no pagination -->
        <div class="blog-navigation">
          <?php //numeric_posts_nav() ?>
        </div>
      </section>
    </div>
    <div class="col-md-3 col-lg-3 col-lg-pull-9 side-bar">
      <?php get_sidebar(); ?>
    </div>
  </div>
</div>
