<!DOCTYPE html>
<html lang="en-gb">
	<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
		<?php include 'includes/analytics.html';?>

<!-- PAGE TITLE -->
    <title>Contact Brookville | Cosy North Devon Holiday Cottage by the Sea</title>

<!-- PAGE DESCRIPTION -->
    <meta name="description" content="Book a Stay at Brookville, a cosy Holiday Cottage in North Devon. If you'd like to book, enquire about last minute availability, have any questions, or would just like to say hello, then submit the form below and we'll get back to you as soon as possible." />

    <?php require_once 'includes/commonHeader.html';?>

<!-- SOCIAL IMAGE PROPERTIES - recommended 1200 x 630px and less than 1MB -->
		<meta property="og:image" content="IMAGE LINK">
		<meta name="twitter:image:width" content= "1200px" />
		<meta name="twitter:image:height" content= "630px" />
		<meta name="twitter:image:alt" content="Brookville Cottage, North Devon, UK">
<!-- SOCIAL TEXT PROPERTIES -->
		<meta property="og:title" content="Welcome to Brookville Cottage | brookville-cottage.co.uk" />
		<meta property="og:description" content="DESCRIBE | Holiday Cottage in North Devon, England">
		<meta property="og:url" content="https://brookville-cottage.co.uk">

<!-- CANONICAL, AMP & LANGUAGES -->
    <link href="https://brookville-cottage.co.uk/book-a-stay" rel="canonical">
		<link href="https://brookville-cottage.co.uk/book-a-stay" rel="alternate" hreflang="en-gb" />

  </head>

	<body>
    <?php include 'includes/bodyLinks.html';?>
    <div class="wrapper">
    <section class="flexContent fullImg">
		<?php require_once 'includes/header.html';?>

<!-- START CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

		<!-- SECTION-->
    <section class="section">
      <div class="container">
				<div class="contactBox">
					<h3 class="size-2 bold">Contact Us</h3>
					<p>If you want to make a booking, or have any queries or questions, please contact us using the form below.</p>
					<form>
		        <p id="returnmessage"></p>
		        <ul class="contact-form">
		          <li><input class="contact-field" type="text" id="custName" placeholder="Your Name (Required)" /></li>
		          <li><input class="contact-field" type="text" id="custEmail" placeholder="Email Address (Required)" /></li>
							<li><input class="contact-field" type="text" id="custPhone" placeholder="Phone Number" /></li>
		          <li>
							<select class="contact-field" type="text" id="custSubject" value="Subject">
		            <option hidden>Subject</option>
		            <option value="Booking">Booking</option>
		            <option value="Customer Query">Customer Query</option>
		            <option value="Other">Other</option>
		          </select>
		        	</li>
		          <li><textarea class="contact-message" id="custMessage" placeholder="Your message... (Required)"></textarea></li>
		          <li><input value="Send" class="btn floatingButton contactButton" /></li>
		        </ul>
	      	</form>
					<h2>For our housekeeper</h2>
					<p>+44 (0)1234 567890</p>
					<p>demo@example.co.uk</p>
					<br />
					<h2>Contact the owners</h2>
					<p>+44 (0)1234 567890</p>
					<p>demo@example.co.uk</p>
					</p>
				</div>
      </div>
    </section>

<!-- END CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

		</section>
    <?php require_once 'includes/footer.html';?>
    </div>
    <?php require_once 'includes/coreScripts.html';?>
	</body>
</html>
