53 lines
2.2 KiB
Plaintext
53 lines
2.2 KiB
Plaintext
<div class="row page contact">
|
|
<div class="col minimummer s-12 m-12 l-9 s-centered">
|
|
<div class="row">
|
|
<div class="col m-6 l-6">
|
|
<h1><strong>Contact</strong>Us</h1>
|
|
<p>If you are thinking about starting a new project or already have one on the go, we wolud love to be involved. To discuss your best options, contact us using the details below and we will be happy to help.</p>
|
|
<p>Alternatively, leave us your contact details and a message using the form and we'll get back to you.<br /></p>
|
|
<p><strong>(+44) 1483 288 361</strong><br />
|
|
<strong>hello@home-technology.com</strong><br /><br />
|
|
<span>HomeTechnology<br>Steels Lane<br>Oxshott<br>Surrey KT22 0RT</span></p>
|
|
</div>
|
|
<div class="col m-6 l-6" data-view="ContactUs">
|
|
<h1><strong>Message</strong>Us</h1>
|
|
<form method="POST">
|
|
<div class="formCover">
|
|
<span id='formStatus' class="bold" {^formStatus.message}hidden{/formStatus.message}>{formStatus.message}</span>
|
|
<span>Name: <span class="bold name"></span></span><br>
|
|
<span>Phone/E-mail: <span class="bold phemail"></span></span><br>
|
|
<span>Message: </span><br>
|
|
<p class="message"></p>
|
|
<img class="imgload" src="/img/loading.svg" />
|
|
<img class="imgfail" src="/img/nope.svg" />
|
|
<a class="tryAgain hideCover">Try again</a>
|
|
<a class="sendAnother hideCover">Send another message</a>
|
|
</div>
|
|
<div class="empty input-container">
|
|
<label for="name">Name</label>
|
|
<input name='name' id='name' type='text' autocomplete="off"/>
|
|
</div>
|
|
<div class="empty input-container">
|
|
<label for="respondTo">Phone or E-mail</label>
|
|
<input name='respondTo' id='respondTo' type='text'/>
|
|
</div>
|
|
<div class="empty input-container">
|
|
<label for="message">Your message</label>
|
|
<textarea name='message' id='message'></textarea>
|
|
</div>
|
|
<div>
|
|
<button class="bluebutton mtb" id="contact-submit">Send</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col map">
|
|
<div class="row">
|
|
<a target="_blank" href="https://www.google.com/maps/search/HomeTechnology/@51.3309168,-0.3675903,18z"><img src="/img/map-marker.svg" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
{>"partials/footer"/}
|
|
</div>
|
|
</div> |