<?php
/**
 * Template Name: Home Page 
 *
 * Description: Twenty Twelve loves the no-sidebar look as much as
 * you do. Use this page template to remove the sidebar from any page.
 *
 * Tip: to remove the sidebar from all posts and pages simply remove
 * any active widgets from the Main Sidebar area, and the sidebar will
 * disappear everywhere.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?> 
 
 
<div id="banner"><?php dynamic_sidebar( 'banner-slider' ); ?></div> 

<div class="front-page-2">
	<div class="wrap">
			<h4 class="wow fadeInUp" data-wow-offset="10" data-wow-duration="1s" data-wow-delay="0.1s">Our Services</h4>
			<div class="widget-row wow fadeInUp" data-wow-offset="10" data-wow-duration="1.5s" data-wow-delay="0.1s">
				<?php dynamic_sidebar( 'front-page-2' ); ?>
			</div>
		<div class="more-service wow fadeInUp" data-wow-offset="10" data-wow-duration="2s" data-wow-delay="0.1s">
			<div class="icon"><a href="<?php echo home_url( '/' ); ?>services/"><span></span></a></div>
				Explore More Services
		</div>
	</div>
</div>

<div class="front-page-3">
	<div class="wrap">
			<h4 class="wow fadeInUp" data-wow-offset="10" data-wow-duration="1s" data-wow-delay="0.1s">Why Shane White CPA ?</h4>
			<div class="widget-row wow fadeInUp" data-wow-offset="10" data-wow-duration="2s" data-wow-delay="0.1s">
				<?php dynamic_sidebar( 'front-page-3' ); ?>
			</div>
	</div>
</div>


<div class="front-page-4">
			<div class="widget-row">
				<?php dynamic_sidebar( 'front-page-4' ); ?>
	</div>
</div>

<div class="testimonial-area"> <div class="wrap">
	<h4 class="wow fadeInUp" data-wow-offset="10" data-wow-duration="1.5s" data-wow-delay="0.1s">Client Testimonials</h4>
<div id="owl-demo" class="owl-carousel wow fadeInUp" data-wow-offset="10" data-wow-duration="1.5s" data-wow-delay="0.1s">       
<?php
$args     = array(
    'post_type' => 'testimonial',
    'posts_per_page' => 100,
    'order' => 'ASC',
    'paged' => $paged
);
$wp_query = new WP_Query($args);
if (have_posts()):
    while ($wp_query->have_posts()):
        $wp_query->the_post();
?>         <div class="item">
				<div class="testi-content"><h6 class="name-info"><?php the_title(); ?></h6>
                <?php the_content(); ?></div>
    		</div>                     
<?php endwhile; endif; wp_reset_query(); ?>                
</div></div></div>

<div class="client-area"><div class="wrap"> 
<h4 class="wow fadeInUp" data-wow-offset="10" data-wow-duration="1.5s" data-wow-delay="0.1s">Members</h4>
<div  id="owl-demo1" class="wow fadeInUp" data-wow-offset="10" data-wow-duration="2s" data-wow-delay="0.1s"> 
       <?php					
	$args = array( 'post_type' => 'member_of', 'posts_per_page' => 100, 'order' => 'ASC', 'paged' => $paged);					
	$wp_query = new WP_Query( $args );
	if ( have_posts() ) :
	while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
					<div class="item"><a target="_blank" href="<?php the_field('link'); ?>"><span><?php the_post_thumbnail('l'); ?></span>
						<h5>
							<?php the_title(); ?>
						</h5>
						</a></div>
                
     <?php endwhile; endif; wp_reset_query(); ?>
</div></div>
</div>


<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/owl.carousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
	var owl = jQuery("#owl-demo");
	owl.owlCarousel({
		animateOut: 'slideOutDown',
		autoHeight:true,
		items : 1, //10 items above 1000px browser width
		itemsDesktop : [1000,1], //5 items between 1000px and 901px
		itemsDesktopSmall : [900,1], // 3 items betweem 900px and 601px
		itemsTablet: [600,1], //2 items between 600 and 0;
		itemsMobile : true, // itemsMobile disabled - inherit from itemsTablet option,
	}); 
	 
});
jQuery(document).ready(function() {
	var owl = jQuery("#owl-demo1");
	owl.owlCarousel({
		animateOut: 'slideOutDown',
		items : 6, //10 items above 1000px browser width
		itemsDesktop : [1000,5], //5 items between 1000px and 901px
		itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
		itemsTablet: [600,2], //2 items between 600 and 0;
		itemsMobile : true // itemsMobile disabled - inherit from itemsTablet option
	});  
}); 
</script>

<?php get_footer(); ?>