<?php get_header(); ?>

<div class="container">
<div id="main-grid" class="row">

	<div id="primary" class="content-area col-md-8">
            <main id="main" class="site-main" role="main">

	<?php query_posts('showposts=5');
	if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
   <div class="post" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
		<h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
		<p class="meta"><small>Posted on <?php the_time('F j, Y') ?> by <?php the_author() ?> <?php edit_post_link('Edit', ' | ', ''); ?></small></p>
        <?php if ( has_post_thumbnail() ) : ?>
			<div class="post-thumbnail">
				<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">

				<?php the_post_thumbnail( 'post-thumbnail' ); ?>
				</a>
			</div><!-- .post-thumnail -->
		<?php endif; ?>
		<div class="entry">
		<?php the_content('Read the rest of this entry &raquo;'); ?>
		</div>
        <div class="info">
		<p class="links">&raquo; <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p>
		<p class="tags"><?php the_tags('Tags: ', ', ', ' '); ?></p>
        </div>
	</div>
    <?php endwhile; ?>
    	<div class="navigation">
			<div class="alignleft">
				<?php next_posts_link('&laquo; Older Entries') ?>
            </div>
			<div class="alignright">
				<?php previous_posts_link('Newer Entries &raquo;') ?>
            </div>
		</div>
<?php else : ?>
	<h2 class="center">Not Found</h2>
	<p class="center">Sorry, but you are looking for something that isn't here.</p>
	<?php get_search_form(); ?>
<?php endif; ?>

</main>
</section>

</div>



<div id="secondary" class="widget-area col-md-4">
        <?php get_sidebar(); ?>
    </div>
		
</div>
</div>

<div id="sidebar-pagebottom" class="sidebar-pagebottom">

		<aside id="sample-text" class="widget widget_text section bg-lightgreen text-center clearfix">
		<div class="container">
		<h2 class="widget-title">THIS IS A CALL TO ACTION AREA</h2>
		<div class="textwidget">
		<div class="row">
		<div class="col-lg-8 col-lg-offset-2">
		<p>This is just an example shown for the theme preview. You can add text widgets here to put whatever you'd like.</p>
		<p><button type="button" class="btn btn-hollow btn-lg">Call To Action Button</button></p>
		</div><!-- col-lg-8 -->
		</div><!-- row -->
		</div><!-- textwidget -->
		</div><!-- container -->
		</aside>

	</div>


<?php get_footer(); ?>
