<?php
/**
 * Template Name: Front Page
 */

get_header();?>

<?php
$condition =array(
    "post_type"         => "post",
    "post_status"       => "publish",
    "posts_per_page"    => 11
);
$the_query = new WP_Query( $condition );
$i = 1;
?>
<div class="container">
    <div class="grid">

        <?php if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

            <div class="grid-item grid-item-<?php echo $i;?>">

                <h3><?php the_title();?></h3>
                <?php the_content();?>

            </div>

        <?php $i++; endwhile; wp_reset_postdata(); endif; ?>

    </div>
</div>

<?php get_footer();