<?php 
extract( shortcode_atts( array(
    'title'             => '',
    'span'              => '',
    'title_animation'   => '',
    'icon'				      => 'fa fa-quote-left',
    'test_title'        => '',
    ), $atts ) );

    $args = array( 'post_type' => 'iz_testimonial', 'posts_per_page' => -1 );
    $testimonial = new WP_Query($args);
    $i = 0;
?>
<div class="col-md-6 col-sm-12 wow <?php echo esc_attr($title_animation); ?>">
	<div class="bigIcon wow bounceIn" data-wow-delay="0.3s"><i class="quoteMark <?php echo esc_attr($icon); ?>"></i></div>
	<h1><?php echo esc_attr($title) ?> <span><?php echo esc_attr($span); ?></span></h1>
</div><!-- end col-md-6 -->
<div class="col-md-6 col-sm-12 wow <?php echo esc_attr($test_title); ?>">
	<div id="testimonial" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
              <ol class="carousel-indicators">
              <?php while($testimonial->have_posts()) : $testimonial->the_post(); ?>
                <li data-target="#testimonial" data-slide-to="<?php echo esc_attr($i); ?>" <?php if($i===0) echo 'class="active"'; ?>></li>
              <?php $i++; endwhile; $i = 0; ?>
              </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
            <?php while($testimonial->have_posts()) : $testimonial->the_post(); ?>
                    <div class="item <?php if($i === 0) echo 'active'; ?>">
                        <?php the_content(); ?>
                        <h5><?php the_title(); ?></h5>
                    </div><!-- end item1 -->
                <?php $i++; endwhile; ?>
                    
            </div><!-- end carousel-inner -->

            <!-- Controls -->
            <a class="left carousel-control" href="#testimonial" data-slide="prev">
              <i class="fa fa-angle-left"></i>
            </a>
            <a class="right carousel-control" href="#testimonial" data-slide="next">
              <i class="fa fa-angle-right"></i>
            </a>
     </div><!-- end ID testimonial -->
</div><!-- end col-md-5 -->