box-two SVCA home page

<section id="box-two"><!--events-->

                    <div id="out-two">
                        <span>Upcoming Events</span>
                    </div>
                    <div class="inner-box">
                        <div class="box-rotate">
                            <a href="#" class="box-next"></a>
                            <a href="#" class="box-prev"></a>
                        </div>
                        <div class="box-content">
                            <?php
                            $i = 0;
                            $j = 1;

                            /* if (class_exists('EM_Events')) {
                                $events = (EM_Events::get( array('limit'=>12,'orderby'=>'event_start_date') )); */

                            $all_events = tribe_get_events(
                                array(
                                    'eventDisplay'=>'upcoming',
                                    'posts_per_page'=>-1
                                )
                            );
                            $max_length = count($all_events);
                            //var_dump($all_events); die;
                            foreach($all_events as $event):
                                $event_date = tribe_get_start_date($event->ID, true, 'M j, Y');
                                // $event_date = tribe_get_start_date($event->ID, false, $format= 'M j, Y');
                            ?>
                                <?php if($i == 0): ?>
                                    <div class="slider-box" <?php echo ($j != 1) ? 'style="display:none;"' : ''; ?>>
                                <?php endif; ?>

                                    <div class="up-events">
                                        <div class="event-date">
                                            <h4><?= date("j",strtotime($event_date)) ?></h4>
                                            <h4><?= date("M",strtotime($event_date)) ?></h4>
                                        </div>
                                        <div class="event-info">
                                            <div class="inner-event">
                                                <a href="<?= tribe_get_event_link($event->ID) ?>">
                                                    <h3><?php if(strlen($event->post_title) > 16):
                                                        echo substr($event->post_title, 0, 16) . '...';
                                                    else:
                                                        echo $event->post_title;
                                                    endif;?></h3>
                                                </a>
                                                <p><?php if(strlen($event->post_content) > 50):
                                                    echo substr($event->post_content, 0, 50) . '...';
                                                else:
                                                    echo $event->post_content;
                                                endif;?></p>
                                            </div>
                                        </div>
                                    </div>
                                <?php if($i == 2 || $j == $max_length ): ?>
                                    </div>
                                <?php endif; ?>
                            <?php
                                $j++;
                                $i = ++$i % 3;
                            endforeach;
                            $post = $temp;?>

                        </div>

                        <a href="events-calendar/" id="view-cal">View Calendar &rarr;</a>

                    </div>

                </section>