<?php
/**
 * The template for displaying all pages.
 * Template Name: Home page
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package dc
 */

get_header(); ?>

	<div id="primary" class="content-area"> 
		<div class="slider">
			<div class="container">
				<div class="row">
					<?php if( have_rows('slider_text') ): ?>
						<div id="contentSlider" class="col-md-12 owl-carousel owl-theme">
							<?php while( have_rows('slider_text') ): the_row(); 

								// vars 
								$content = get_sub_field('text'); 

								?>
							<div class="item1">
								<h1> <?php echo $content; ?></h1>
							</div>
							<?php endwhile; ?>					
						</div>
					<?php endif; ?>
				</div>
			 </div>
		</div> 
		<section class="homeAbtSec">
			<div class="container">
				<div class="row"> 
					<div class="col-md-6 col-md-push-6">
						<div class="homeAbtImg homeAbtImgMain">
							<!--<img src="<?php the_field('home_about_image'); ?>" alt="img" />-->
							<img src="<?php bloginfo( 'template_url' ); ?>/img/dcMain1.jpg" alt="img" />
						
						
						</div>
					</div>
					<div class="col-md-6 col-md-pull-6"> 
						<div class="homeAbtText">
							<h2>DARSHAN <span>CHEMICALS</span></h2> 
						</div>
						<div class="homeAbtText"> 
							<?php the_field('home_about'); ?>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</section> 
		<svg id="bigTriangleColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
			<path d="M0 0 L50 100 L100 0 Z" />
		</svg> 
		<section class="homeProductSec">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="homeProductText">
							<h2>Our <span>Services</span></h2>					
						</div>
					</div>
				</div>
				<div id="lab" class="row">
					<div class="col-sm-6 col-md-4 serviceContent">
						<div class="iconSer">
							<img src="<?php bloginfo( 'template_url' ); ?>/img/lab1.png" alt=""/>
						</div>
						<div class="detailsSer">
							<h2 class="grn"><?php the_field('home_service_head_text_1'); ?></h2>
							<?php the_field('home_service_content_text_1'); ?> 
						</div>
					</div>
					<div class="col-sm-6 col-md-4 serviceContent">
						<div class="iconSer">
							<img src="<?php bloginfo( 'template_url' ); ?>/img/lab2.png" alt=""/>
						</div>
						<div class="detailsSer">  
							<h2 class="ylw"><?php the_field('home_service_head_text_2'); ?></h2>
							<?php the_field('home_service_content_text_2'); ?> 
						</div>
					</div>
					<div class="col-sm-6 col-md-4 serviceContent">
						<div class="iconSer">
							<img src="<?php bloginfo( 'template_url' ); ?>/img/lab3.png" alt=""/>
						</div>
						<div class="detailsSer"> 
							<h2 class="org"><?php the_field('home_service_head_text_3'); ?></h2>
							<?php the_field('home_service_content_text_3'); ?> 
						</div>
					</div>
					<div class="col-sm-6 col-md-4 col-xs-offset-2 serviceContent">
						<div class="iconSer">
							<img src="<?php bloginfo( 'template_url' ); ?>/img/lab4.png" alt=""/>
						</div>
						<div class="detailsSer"> 
							<h2 class="blue"><?php the_field('home_service_head_text_4'); ?></h2>
							<?php the_field('home_service_content_text_4'); ?> 
						</div>
					</div>
					<div class="col-sm-6 col-md-4 serviceContent">
						<div class="iconSer">
							<img src="<?php bloginfo( 'template_url' ); ?>/img/lab5.png" alt=""/>
						</div>
						<div class="detailsSer"> 
							<h2 class="vio"><?php the_field('home_service_head_text_5'); ?></h2>
							<?php the_field('home_service_content_text_5'); ?> 
						</div>
					</div>
				</div>
			</div>
		</section>
		<svg id="bigTriangleColor1" xmlns="https://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
			<path d="M0 0 L50 100 L100 0 Z" />
		</svg>  
			<section id="examples"> 
				<div id="content-5" class="content horizontal-images light ">
					<?php if( have_rows('home_products') ): ?>
						<ul>  
							<?php while( have_rows('home_products') ): the_row(); 

									// vars 
									$content = get_sub_field('products'); 
									$content_big = get_sub_field('products_big'); 

									?>
								<li><a href="<?php echo $content_big; ?>" class="boxer boxer_image" data-gallery="gallery" ><img src="<?php echo $content; ?>" alt=""/></a></li> 
							<?php endwhile; ?>	
							 
						</ul>
					<?php endif; ?>
				</div>  
			</section>  
	</div><!-- #primary -->
 
<?php get_footer(); ?>
