how to place Post and page content side by side

I am suggesting you to use two for loop using two post types.
For blog post use below code

<?php query_posts( array(
 'post_type' => array( 'post')
 'showposts' => 5 )
 ); ?>
    <?php while ( have_posts() ) : the_post(); ?>
     <div class="post_type">
       <a href="https://wordpress.stackexchange.com/questions/203262/<?php the_permalink(); ?>"><?php the_title(); ?></a>

    <div class="excerpt">
    <?php echo get_the_excerpt(); ?>
    </div>

    <?php endwhile; ?>

For page post use below code

<?php query_posts( array(
 'post_type' => array( 'page')
 'showposts' => 5 )
 ); ?>
    <?php while ( have_posts() ) : the_post(); ?>
     <div class="post_type">
       <a href="https://wordpress.stackexchange.com/questions/203262/<?php the_permalink(); ?>"><?php the_title(); ?></a>

    <div class="excerpt">
    <?php echo get_the_excerpt(); ?>
    </div>

    <?php endwhile; ?>