<!--?php get_header(); ?-->
<section id="inner-headline">
<div class="container">
<div class="row">
<div class="col-lg-12">
<ul class="breadcrumb">
 	<li><a href="#"><i class="fa fa-home"></i></a><i class="icon-angle-right"></i></li>
 	<li class="active">Contact</li>
</ul>
</div>
</div>
</div>
</section>

<section id="content">
<div class="map">
<div id="google-map" data-latitude="40.713732" data-longitude="-74.0092704"></div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h4>Get in touch with us by filling <strong>contact form below</strong></h4>
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
								<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
<div class="validation"></div>
</div>
<div class="form-group">
								<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email">
<div class="validation"></div>
</div>
<div class="form-group">
								<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject">
<div class="validation"></div>
</div>
<div class="form-group">
								<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" class="btn btn-theme">Send Message</button></div>
</form>

</div>
</div>
</div>
</section>		<script><br />
		jQuery(document).ready(function($) {<br />
			//Google Map<br />
			var get_latitude = $('#google-map').data('latitude');<br />
			var get_longitude = $('#google-map').data('longitude');</p>
<p>			function initialize_google_map() {<br />
				var myLatlng = new google.maps.LatLng(get_latitude, get_longitude);<br />
				var mapOptions = {<br />
					zoom: 14,<br />
					scrollwheel: false,<br />
					center: myLatlng<br />
				};<br />
				var map = new google.maps.Map(document.getElementById('google-map'), mapOptions);<br />
				var marker = new google.maps.Marker({<br />
					position: myLatlng,<br />
					map: map<br />
				});<br />
			}<br />
			google.maps.event.addDomListener(window, 'load', initialize_google_map);<br />
		});<br />
	</script>
<!--?php get_footer(); ?-->