<?php
/**
 * The template for displaying all pages.
 * Template Name: Contact 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('contact_slider_text') ): ?>
						<div id="contentSlider" class="col-md-12 owl-carousel owl-theme">
							<?php while( have_rows('contact_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="tableSec contact_container">
			<div class="container">
			<div class="row">
					<div class="col-md-12">
						<div class="homeProductText contact">
							
							<div class="contactBox col-md-12 no-padding">
								<div class="col-md-6 no-padding">
									<h2>CONTACT <span> US </span></h2>	
									<div class="contAdImg">
										<img src="<?php bloginfo( 'template_url' ); ?>/img/contact_ad_bg.png" alt=""/>
										<div class="contactAdd">
											<h3> Address </h3> 
												<?php the_field('address'); ?> 
											<h3> email us </h3> 
												<?php the_field('email'); ?> 
											<h3> Call us </h3> 
												<?php the_field('phone_number'); ?> 
										</div>
									</div>
								 </div> 
								<div class="col-md-6 no-padding"> 
									<h2> Enquiry </h2>	
									<div class="contact_form contact_form_1"> 
										<?php formcraft(5); ?>
									</div>
								 </div>
							 </div>   
						</div>
					</div>
				</div>
			</div>
		</section> 
		<svg id="bigTriangleColor1" class="contactTriangle" 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> 
		  <div class="container-fluid contact_head_container"> 
			<div class="row"> 
				<div id="googleMap"></div> 
			</div>
		  </div> 
	</div><!-- #primary -->
 
<?php get_footer(); ?>
