contact.html

---
title: contact
permalink: /contact/
layout: default
include_map: true
---

<!-- Lead -->
<div class="row">
    <div class="wrapper">

        <div class="lead-container +center">
            <p class="lead"><span class="+highlight-red">Hello there.</span> So you’d like to get in touch? Fantastic, you can contact us by giving us a call on <span class="+highlight-green">01522 837220</span> or emailing us at <a href="mailto:info@iondrive.co.uk">contact@iondrive.co.uk</a>
            </p>

            <!-- <a href="#map" class="button --red">
                <i class="button__icon arrow-icon-white --bottom"></i> See where we are
            </a> -->
        </div>

    </div>
</div>
<!-- ./Lead -->

<!-- Contact Form -->
<!-- <form action="./" class="row --cream --noborder contact">

    <div class="wrapper">
        <div class="lead-container +center">
            <h2 class="lead">
    <span class="+highlight-red">Send your enquiry</span> and we’ll get back to you as soon as possible.
  </h2>
        </div>

        <hr />
    </div>

    <div class="wrapper">

        <h3 class="h-reg +highlight-red">I'm interested in:</h3>

        <div class="toggle-container-1">
            <label class="radio">
                <input type="radio" name="service" data-annotation="My annotation onChange 1" /> Comissioning an app</label>
        </div>
        <div class="toggle-container-2">
            <label class="radio">
                <input type="radio" name="service" data-annotation="My annotation onChange 2" /> Service two</label>
        </div>
        <div class="toggle-container-3">
            <label class="radio">
                <input type="radio" name="service" data-annotation="My annotation onChange 3" /> Service three</label>
        </div>
        <div class="toggle-container-4">
            <label class="radio">
                <input type="radio" name="service" data-annotation="My annotation onChange 4" /> General query</label>
        </div>

        <div class="annotation-container"></div>

        <hr />
    </div>

    <div class="wrapper">
        <div class="details">
            <h3 class="h-reg +highlight-red">My details are:</h3>
            <input type="text" class="text-field" placeholder="Your Name" />
            <input type="tel" class="text-field" placeholder="Telephone Number" />
            <input type="email" class="text-field" placeholder="Email Address" />
        </div>
        <div class="question">
            <h3 class="h-reg +highlight-red">My question is:</h3>
            <textarea class="text-field"></textarea>
        </div>

        <hr />
    </div>

    <div class="wrapper +center">
        <button type="submit" class="button --red">
            <i class="button__icon arrow-icon-white --bottom"></i> Send my enquiry
        </button>
    </div>

</form> -->
<!-- ./Contact Form -->

<!-- Map -->
<div class="@contact">
    <div class="row">
        <div id="map"></div>
    </div>
</div>
<!-- ./Map -->