<script>
	var contacturl = "{{ .Site.Params.forms.contact.URI }}";
</script>
<section id="contact">
<div class="container">
	<div class="row wow fadeInUp">
		<div class="col-lg-12 col-md-12">
			<div class="form">
				<div id="sendmessage">Your message has been sent. Thank you!</div>
				<div id="errormessage">Error</div>
				<form role="form" name="contactForm" class="contactForm" id="contactForm" action="" method="post">
					<div class="form-row">
						<div class="form-group col-lg-12">
							<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 characters" />
							<div class="validation"></div>
						</div>
					</div>
					<div class="form-row">
						<div class="form-group col-lg-6">
							<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email address" />
							<div class="validation"></div>
						</div>
						<div class="form-group col-lg-6">
							<input type="text" class="form-control" name="telephone" id="telephone" placeholder="Your Telephone" data-rule="minlen:8" data-msg="Please enter a telephone number" />
							<div class="validation"></div>
						</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 characters" />
						<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">
						<input type="hidden" name="url" value="{{ $.Page.Permalink | absURL }}" />
						<button type="submit" title="Send Message">Send Message</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
</section>
