Footer moved outside the wrapper

Hi there,
I was playing around in my index.php to customize content and the footer came outside the wrapper. what did i do wrong?

<?php get_header(); ?>
<section id="content" role="main">
<div class="homepost">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<?php the_post_thumbnail(); ?>
<div class="intros">
	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
	<?php the_excerpt(); ?>
</div>
 	<?php the_category(); ?>
</div>
<?php comments_template(); ?>
<?php endwhile; endif; ?>
<?php get_template_part( 'nav', 'below' ); ?>
</section>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

I have created some divs to separate content and the problem appeared.

Thanks