<?php 
/**
 *Template Name: Contact Template
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.

 */
get_header();?>
			
				<div class="big-title">
					<div class="container">
						<h1 class="entry-title">Contact</h1>
						<div class="breadcrumb">
							<div class="container">
								<ul class="tm_bread_crumb">
									<li class="top"><a href="<?php echo home_url();?>">Home</a></li>
									<li class="sub tail current">Contact</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="section section-contact">
					<div class="container">
						<div class="row">
							<div class="col-sm-8">
								<div class="mb-2">
									 <div class="map"><iframe src="<?php echo the_field('map_link'); ?>" width="100%" height="250" frameborder="0" style="border:0"></iframe></div>

  
									<!-- <div id="map-canvas" data-address="Alexander Hamilton Bridge" data-height="370" data-width="100%" data-zoom="16" data-map_type="roadmap" data-map_style="default"></div> -->
								</div>
							</div>
							<div class="col-sm-4">
								<div class="mb-2">
									<h1>
										<?php echo the_field('title'); ?>
									</h1>
								</div>
								<div class="contact-info">
									<p><i class="fa fa-map-marker"></i><?php echo the_field('address'); ?></p>
									<p><i class="fa fa-phone"></i> <?php echo the_field('phone_number'); ?></p>
									<p><i class="fa fa-envelope"></i> <?php echo the_field('mail_id'); ?></p>
									
									<p><i class="fa fa-clock-o"></i> <?php echo the_field('timings'); ?></p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="section section-contact">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3">
									<h2>Send us a message</h2>
								</div>
								<form class="wpcf7-form">
									<div class="row">
										<div class="col-md-4">
											<div class="wpcf7-form-control-wrap your-name">
												<input type="text" name="your-name" value="" class="wpcf7-form-control" placeholder="Your name (required)" />
											</div>
										</div>
										<div class="col-md-4">
											<div class="wpcf7-form-control-wrap your-phone">
												<input type="tel" name="your-phone" value="" class="wpcf7-form-control" placeholder="Your phone" />
											</div>
										</div>
										<div class="col-md-4">
											<div class="wpcf7-form-control-wrap your-email">
												<input type="email" name="your-email" value="" class="wpcf7-form-control" placeholder="Your e-mail (required)" />
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="wpcf7-form-control-wrap your-message">
												<textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control" placeholder="Your message (required)"></textarea>
											</div>
											<br />
											<input type="submit" value="SUBMIT" class="wpcf7-form-control wpcf7-submit" />
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div> -->
				
			</div>
		<?php get_footer();?>