genx home page

<?php get_header(); ?>
    <div id="content" class="clearfix row">
        <div id="main" class="col-sm-8 clearfix" role="main">
            <?php /* echo do_shortcode('[event_search_form]');*/  ?>
        </div> <!-- end #main -->
<!-- Page Content -->
<!-- Jumbotron Header
<header class="jumbotron home-spacer"> -->
        <div class="container">
            <header class="banner">
                <h2 style="color:black";> GenXspirit Welcomes You.</h2>
                <p><a href="/submit-event" class="btn btn-primary btn-large">Submit Event!</a></p>
            </header>
            <hr>
<!-- Title -->
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <?php echo do_shortcode('[event_search_form]');?>
                        </div>
<!-- /.col-lg-12 -->
                    </div>
                    <div class="row text-center">
                        <div class="col-lg-12">
                            <h3>Upcoming Events</h3>
                        </div>
                    </div>
                </div>
<!-- /.row -->
<!-- Page Features -->
                <div class="row text-center">
                    <?php function my_em_upcoming_post_query() { $args = array(
                    'post_type' => 'event',
                    'posts_per_page' => 30,
                    'meta_query' => array( 'key' => '_start_ts', 'value' => current_time('timestamp'), 'compare' => '>=', 'type'=>'numeric' ),
                    'orderby' => 'meta_value_num',
                    'order' => 'ASC',
                    'meta_key' => '_start_ts',
                    'meta_value' => current_time('timestamp'),
                    'meta_value_num' => current_time('timestamp'),
                    'meta_compare' => '>='
                    );
                    ?>
                    <?php   // The Query
                    $query = new WP_Query( $args );
        // The Loop
                    while($query->have_posts()):
                    $query->next_post();
                    $id = $query->post->ID;
                    ?>
                    <div class="col-md-3 col-sm-6 home-feature">
                        <?php if (has_post_thumbnail( $id ) ): ?>
                        <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $id ), 'single-post-thumbnail' ); ?>
                        <div class="thumbnail" <?php echo $image; ?></div>
                        <?php endif; ?>
                        <div class="caption">
                            <h4><?php echo get_the_title($id);?> </h4>
                            <?php   echo '</li>';
                            echo get_post_meta($id, '_event_start_date', true);?>
                            <br/>
                            <p><a href="<?php echo get_permalink($id);?>" class="btn btn-primary">More Info</a></p>
                        </div>
                    </div>
                </div>
            <!-- /.row -->
                <?php   endwhile;
            // Reset Post Data
                wp_reset_postdata();
                }
                add_shortcode('em_wp_query','my_em_upcoming_post_query');       ?>
                <?php  echo do_shortcode('[em_wp_query]');  ?>

        </div>
    </div>
<!-- /.container -->
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Footer -->

        <?php get_footer();?>