<?php
extract( shortcode_atts( array(
    'title'     => '',
    'span'      => '',
), $atts ) );

$args = array(
    'post_type' => 'iz_testimonial',
    'posts_per_page' => -1,
);

$testimonial = new WP_Query($args);
if($testimonial->have_posts()){
    while($testimonial->have_posts()) {
        $testimonial->the_post();
    }
}

?>
<div class="boxBg">
    <div class="page-block-big">
        <i class="fa fa-quote-left wow bounceIn" data-wow-offset="200" data-wow-delay="100ms"></i>
        <i class="fa fa-quote-right wow bounceIn" data-wow-offset="200" data-wow-delay="100ms"></i>
        <h1 class="wow fadeInDown" data-wow-offset="200" data-wow-delay="300ms"><?php echo $title ?> <strong><?php echo $span; ?></strong></h1> 
            <div id="testimonial" class="carousel slide container" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators wow fadeInUp" data-wow-offset="200" data-wow-delay="700ms">
                <?php
                if($testimonial->have_posts()){
                    $i = 0;
                    while($testimonial->have_posts()) {
                        $testimonial->the_post();
                        if($i == 0){
                            $active = 'class="active"';
                        }else{
                            $active = '';
                        }
                        echo '<li data-target="#testimonial" data-slide-to="'.$i.'" '.$active.'></li>';
                        $i++;
                    }
                    $i = 0;
                }
                ?>                  
                </ol>
          
                <!-- Wrapper for slides -->
                <div class="carousel-inner text-center wow fadeInUp" data-wow-offset="200" data-wow-delay="500ms">
                <?php while($testimonial->have_posts()) : $testimonial->the_post(); 
                    if($i == 0){
                        $active = 'active';
                    }else{
                        $active = '';
                    }
                    $i++;
                ?>
                      <div class="item <?php echo $active; ?>">
                        <?php the_content(); ?>  
                          <h5><?php the_title(); ?></h5>
                      </div><!-- end item -->
                <?php endwhile; ?>                
                </div><!-- end carousel-inner -->
            </div><!-- end testimonial -->
      </div><!-- end page-block-bi -->
</div><!-- end boxBg -->