How to Send Your Module to Bowland Autotech
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>How to Send Your Module to Bowland Autotech</title>
<style>
:root {
/* British Racing Green palette */
--brand: #004225; /* British Racing Green */
--brand-accent: #0a5c3b; /* deeper accent */
--ink: #0b1220;
--muted: #5d6675;
--bg: #f6f7f8;
--white: #ffffff;
--ok: #0e7a3e;
--shadow: 0 8px 24px rgba(9, 30, 66, 0.12);
--radius: 16px;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
color: var(--ink);
background: var(--bg);
line-height: 1.55;
}
.page { max-width: 1100px; margin: clamp(16px, 4vw, 40px) auto; padding: 0 clamp(12px, 2.5vw, 24px); }
.hero {
border-radius: var(--radius);
background: linear-gradient(135deg, var(--brand) 0%, #03361f 48%, var(--brand-accent) 100%);
color: var(--white);
padding: clamp(20px, 5vw, 48px);
box-shadow: var(--shadow);
}
.hero h1 { margin: 0 0 8px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); letter-spacing: 0.2px; }
.hero p { margin: 0; opacity: 0.95; max-width: 72ch; }
.steps { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(12px, 2.2vw, 22px); margin-top: clamp(18px, 3.6vw, 28px); }
.card {
grid-column: span 6;
background: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: clamp(14px, 2.2vw, 22px);
display: grid; grid-template-columns: auto 1fr; gap: 14px 16px; align-items: start;
}
@media (max-width: 780px) { .card { grid-column: 1 / -1; } }
.step-num { width: 42px; height: 42px; border-radius: 50%; background: rgba(0,66,37,.08); border: 2px solid var(--brand-accent); color: var(--brand-accent); display: grid; place-items: center; font-weight: 700; font-size: 1.05rem; }
.icon-wrap { display: inline-grid; place-items:center; width: 46px; height: 46px; border-radius: 12px; background: #edf5f1; }
.card h3 { margin: 0; font-size: 1.06rem; }
.sub { color: var(--muted); margin: 6px 0 0; font-size: 0.96rem; }
.list { margin: 10px 0 0 0; padding: 0 0 0 18px; }
.list li { margin: 6px 0; }
.address { background: #063520; color: #e6f3ec; border-radius: var(--radius); padding: 16px; line-height: 1.6; }
.address strong { display: block; font-weight: 800; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.btn { appearance: none; border: 0; cursor: pointer; padding: 10px 14px; border-radius: 12px; font-weight: 650; box-shadow: var(--shadow); }
.btn.primary { background: var(--brand); color: var(--white); }
.btn.ghost { background: #e7efe9; color: var(--brand); }
.footer-note { margin-top: 18px; color: var(--muted); font-size: .95rem; }
</style>
</head>
<body>
<main class="page">
<section class="hero">
<h1>How to Send Your Module to Bowland Autotech</h1>
<p>Sending your <strong>Land Rover Gear Selector, Airbag, ECU, Battery</strong> or other electronic module to <strong>Bowland Autotech Ltd</strong> is quick and straightforward. Follow these steps for safe delivery and a fast turnaround.</p>
</section>
<section class="steps" aria-label="Step-by-step shipping instructions">
<!-- Step 1 -->
<article class="card" role="group" aria-label="Step 1">
<div class="step-num" aria-hidden="true">1</div>
<div>
<h3>Package Your Module</h3>
<p class="sub">Wrap securely with <strong>bubble wrap or foam</strong> and place in a <strong>sturdy box or padded envelope</strong> to avoid transit damage.</p>
</div>
</article>
<!-- Step 2 -->
<article class="card" role="group" aria-label="Step 2">
<div class="step-num" aria-hidden="true">2</div>
<div>
<h3>Include Your Details</h3>
<p class="sub">This helps us identify the sender, contact you quickly, start work, and provide repair updates.</p>
<ul class="list">
<li>Your <strong>full name</strong></li>
<li>Your <strong>return shipping address</strong></li>
<li>Your <strong>contact phone number</strong> (<strong>WhatsApp preferred</strong>) or email</li>
</ul>
</div>
</article>
<!-- Step 3 -->
<article class="card" role="group" aria-label="Step 3">
<div class="step-num" aria-hidden="true">3</div>
<div>
<h3>Shipping Address</h3>
<div class="address">
<strong>Bowland Autotech Ltd</strong>
11 Penny Stone Road<br/>
Halton<br/>
Lancaster<br/>
LA2 6QE<br/>
United Kingdom<br/>
<strong>Phone:</strong> 07342 658764
</div>
</div>
</article>
<!-- Step 4 -->
<article class="card" role="group" aria-label="Step 4">
<div class="step-num" aria-hidden="true">4</div>
<div>
<h3>Choose Your Courier</h3>
<p class="sub">Use <strong>any shipping company</strong> (Royal Mail, DPD, UPS, Evri, etc.). We recommend a <strong>tracked service</strong> for peace of mind.</p>
<ul class="list">
<li>Need it quicker? Choose a <strong>next-day or express</strong> option when sending to us.</li>
<li>Keep your tracking receipt until delivery is confirmed.</li>
</ul>
</div>
</article>
<!-- Step 5 -->
<article class="card" role="group" aria-label="Step 5">
<div class="step-num" aria-hidden="true">5</div>
<div>
<h3>Return Shipping</h3>
<p class="sub">We cover return delivery — your module is sent back with <strong>UK next‑day tracked shipping</strong>, included in the service price.</p>
</div>
</article>
<!-- Step 6 -->
<article class="card" role="group" aria-label="Step 6">
<div class="step-num" aria-hidden="true">6</div>
<div>
<h3>Need Help?</h3>
<p class="sub">Message us on <strong>WhatsApp</strong> at <strong>07342 658764</strong> and we’ll reply as quickly as possible.</p>
<div class="actions">
<button class="btn primary" onclick="window.location.href='https://wa.me/447342658764'" aria-label="Message us on WhatsApp">WhatsApp us</button>
<button class="btn ghost" onclick="navigator.clipboard.writeText('Bowland Autotech Ltd, 11 Penny Stone Road, Halton, Lancaster, LA2 6QE, United Kingdom. Phone: 07342 658764');" aria-label="Copy postal address">Copy postal address</button>
</div>
<p class="footer-note">Our team aims for a same‑day reset where possible. Turnaround depends on courier speed and module condition.</p>
</div>
</article>
</section>
</main>
</body>
</html>