Generic Contact Form
A simple contact form to capture name, telephone and further details.
Want to know more?
Contact us today and a member of our team will call to discuss your requirements.
The personal details you submit through this form will be handled and processed in line with out data privacy notice.
<section class="o-section o-section--lg">
<div class="o-wrapper">
<div class="c-sub-header c-sub-header--center">
<div class="c-sub-header__description">
<div class="c-sub-header__heading">
<h2 class="u-heading u-beta">Want to know more?</h2>
</div>
<p class="c-sub-header__lead">Contact us today and a member of our team will call to discuss your requirements.</p>
</div>
</div>
<div class="o-grid | u-justify-center">
<div class="o-grid__item | u-col-8-@bp4 u-col-9-@bp5">
<div class="c-card c-card--shadow | u-p u-bg-body u-w-100%">
<div class="o-grid | u-gap-lg">
<div class="o-grid__item | u-col-12 u-col-6-@bp2 u-space-y">
<label class="c-label | u-w-100%">
<span class="c-label__text">
<span>Your Full Name</span>
</span>
<span class="c-label__input">
<input class="c-input c-input--text" type="text" required>
</span>
</label>
<label class="c-label | u-w-100%">
<span class="c-label__text">Telephone</span>
<span class="c-label__input">
<input class="c-input c-input--text" type="tel" required>
</span>
</label>
<label class="c-label | u-w-100%">
<span class="c-label__text">
<span class="o-split">
<span class="o-split__title">Email Address</span>
Optional
</span>
</span>
<span class="c-label__input">
<input class="c-input c-input--text" type="email">
</span>
</label>
</div>
<div class="o-grid__item | u-col-12 u-col-6-@bp2 u-space-y">
<label class="c-label | u-w-100%">
<span class="c-label__text">
<span class="o-split">
<span class="o-split__title">Preferred Manufacturer</span>
Optional
</span>
</span>
<span class="c-label__input">
<select class="c-input c-input--select">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</span>
</label>
<label class="c-label | u-w-100%">
<span class="c-label__text">
<span class="o-split">
<span class="o-split__title">Your Enquiry</span>
Optional
</span>
</span>
<span class="c-label__input">
<textarea class="c-input c-input--textarea" rows="6"></textarea>
</span>
</label>
</div>
</div>
<div class="o-split | u-mt">
<div class="o-split__title | u-fs-sm u-muted:.75 u-w-50%-@bp2 u-mb-none">
<p>The personal details you submit through this form will be handled and processed in line with out <a href="#">data privacy notice</a>.</p>
</div>
<input class="c-btn c-btn--positive | u-mt u-mt-0-@bp2" type="submit" value="Send Enquiry">
</div>
</div>
</div>
</div>
</div>
</section>