<!doctype html>

<head>

<title>Drain Guard Solutions | CCTV Surveys, Drain Repairs & Rat Entry Prevention</title>

<style>

:root{

--bg:#071a2e;

--card:#0b2440;

--card2:#0e2f55;

--text:#eaf2ff;

--muted:#b9c8df;

--line: rgba(255,255,255,.12);

--accent:#66c2ff;

--accent2:#8cffc7;

--shadow: 0 14px 40px rgba(0,0,0,.35);

--radius:18px;

--max:1100px;

--ok:#2ee59d;

--warn:#ffcf5a;

}

*{box-sizing:border-box}

body{

margin:0;

font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

color:var(--text);

background: radial-gradient(1100px 520px at 15% 10%, rgba(102,194,255,.18), transparent 60%),

radial-gradient(900px 520px at 85% 30%, rgba(140,255,199,.12), transparent 60%),

linear-gradient(180deg, #06172a, #041224);

}

a{color:inherit}

.wrap{max-width:var(--max); margin:0 auto; padding:0 18px}

header{

position:sticky; top:0; z-index:50;

backdrop-filter: blur(10px);

background: rgba(4,18,36,.72);

border-bottom: 1px solid var(--line);

}

.nav{

display:flex; align-items:center; justify-content:space-between;

padding:14px 0;

gap:14px;

}

.brand{

display:flex; align-items:center; gap:12px; text-decoration:none;

}

.logo{

width:40px; height:40px; border-radius:12px;

background: linear-gradient(135deg, rgba(102,194,255,.95), rgba(140,255,199,.75));

box-shadow: 0 10px 24px rgba(0,0,0,.25);

position:relative;

}

.logo:after{

content:"";

position:absolute; inset:9px 10px 10px 10px;

border:2px solid rgba(4,18,36,.55);

border-top:none;

border-radius: 10px;

transform: rotate(-8deg);

opacity:.9;

}

.brand h1{

font-size:16px; line-height:1.1; margin:0;

letter-spacing:.3px;

}

.brand small{display:block; color:var(--muted); font-weight:550; margin-top:2px}

.navlinks{display:flex; gap:14px; align-items:center; flex-wrap:wrap; justify-content:flex-end}

.navlinks a{

text-decoration:none; color:var(--muted);

font-weight:650; font-size:14px;

padding:8px 10px; border-radius:12px;

}

.navlinks a:hover{color:var(--text); background:rgba(255,255,255,.06)}

.btn{

display:inline-flex; align-items:center; justify-content:center;

gap:8px;

padding:11px 14px;

border-radius:14px;

border:1px solid var(--line);

background: rgba(255,255,255,.06);

color:var(--text);

text-decoration:none;

font-weight:750;

box-shadow: 0 10px 24px rgba(0,0,0,.18);

white-space:nowrap;

}

.btn.primary{

background: linear-gradient(135deg, rgba(102,194,255,.95), rgba(140,255,199,.70));

border:0;

color:#031427;

}

.btn.primary:hover{filter:brightness(1.04)}

.btn:hover{filter:brightness(1.08)}

.hero{

padding:48px 0 28px;

}

.grid{

display:grid;

grid-template-columns: 1.2fr .8fr;

gap:22px;

align-items:stretch;

}

@media (max-width: 920px){

.grid{grid-template-columns:1fr}

.navlinks{gap:8px}

}

.card{

background: linear-gradient(180deg, rgba(11,36,64,.92), rgba(8,30,54,.92));

border:1px solid var(--line);

border-radius: var(--radius);

box-shadow: var(--shadow);

overflow:hidden;

}

.card.pad{padding:22px}

.kicker{

display:inline-flex; gap:10px; align-items:center;

color:var(--muted);

font-weight:750;

letter-spacing:.35px;

font-size:13px;

text-transform:uppercase;

}

.pill{

padding:6px 10px;

border-radius:999px;

border:1px solid var(--line);

background: rgba(255,255,255,.05);

color:var(--muted);

font-weight:800;

font-size:12px;

text-transform:none;

}

h2{

margin:12px 0 10px;

font-size:40px;

line-height:1.05;

letter-spacing:-.5px;

}

@media (max-width:520px){ h2{font-size:34px} }

p{margin:0 0 12px; color:var(--muted); font-weight:560; line-height:1.55}

.hero-cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}

.trustrow{

display:flex; flex-wrap:wrap; gap:10px;

margin-top:14px;

}

.trust{

display:flex; align-items:center; gap:9px;

padding:10px 12px;

border:1px dashed rgba(255,255,255,.20);

border-radius: 14px;

color:var(--text);

background: rgba(255,255,255,.03);

font-weight:700;

font-size:13px;

}

.trust i{

width:10px; height:10px; border-radius:50%;

background: var(--ok);

box-shadow: 0 0 0 4px rgba(46,229,157,.12);

}

.sidebox{

display:flex; flex-direction:column; gap:14px;

}

.callbox{

padding:18px;

border-radius: var(--radius);

border:1px solid var(--line);

background: linear-gradient(180deg, rgba(14,47,85,.92), rgba(11,36,64,.92));

box-shadow: var(--shadow);

}

.callbox h3{margin:0 0 8px; font-size:18px}

.big{

font-size:24px; font-weight:900; letter-spacing:.3px;

margin:4px 0 10px;

}

.small{color:var(--muted); font-weight:650; font-size:13px; margin:0}

.list{

margin:12px 0 0;

padding:0; list-style:none;

display:grid; gap:10px;

}

.list li{

display:flex; gap:10px; align-items:flex-start;

color:var(--muted); font-weight:650;

}

.tick{

width:18px; height:18px; border-radius:6px;

background: rgba(102,194,255,.18);

border:1px solid rgba(102,194,255,.28);

display:inline-flex; align-items:center; justify-content:center;

flex:0 0 auto;

margin-top:2px;

}

.tick:before{content:"✓"; color:var(--accent); font-weight:900; font-size:13px}

section{padding:26px 0}

.section-title{

display:flex; align-items:flex-end; justify-content:space-between; gap:14px;

margin-bottom:12px;

}

.section-title h3{margin:0; font-size:22px; letter-spacing:-.2px}

.section-title p{margin:0; max-width:640px}

.cards{

display:grid;

grid-template-columns: repeat(3, 1fr);

gap:14px;

}

@media (max-width: 920px){ .cards{grid-template-columns:1fr} }

.svc{

padding:16px;

border-radius: var(--radius);

border:1px solid var(--line);

background: rgba(255,255,255,.04);

}

.svc b{display:block; font-size:16px; margin-bottom:6px}

.svc span{color:var(--muted); font-weight:600; line-height:1.45}

.how{

display:grid;

grid-template-columns: 1fr 1fr;

gap:14px;

}

@media (max-width: 920px){ .how{grid-template-columns:1fr} }

.step{

padding:16px;

border-radius: var(--radius);

border:1px solid var(--line);

background: rgba(255,255,255,.04);

}

.num{

display:inline-flex; align-items:center; justify-content:center;

width:34px; height:34px;

border-radius: 12px;

background: rgba(140,255,199,.12);

border:1px solid rgba(140,255,199,.22);

color: var(--accent2);

font-weight:900;

margin-bottom:10px;

}

form{

display:grid; gap:10px;

margin-top:10px;

}

input, textarea{

width:100%;

padding:12px 12px;

border-radius: 14px;

border:1px solid var(--line);

background: rgba(255,255,255,.05);

color:var(--text);

outline:none;

font-weight:650;

}

textarea{min-height:110px; resize:vertical}

input::placeholder, textarea::placeholder{color: rgba(185,200,223,.72)}

.formrow{

display:grid; grid-template-columns:1fr 1fr; gap:10px;

}

@media (max-width: 700px){ .formrow{grid-template-columns:1fr} }

footer{

padding:26px 0 40px;

border-top:1px solid var(--line);

color: var(--muted);

}

.footgrid{

display:grid;

grid-template-columns: 1.2fr .8fr;

gap:18px;

align-items:start;

}

@media (max-width: 920px){ .footgrid{grid-template-columns:1fr} }

.legal{

font-size:12px;

line-height:1.55;

color: rgba(185,200,223,.88);

}

.notice{

padding:12px 14px;

border-radius: 14px;

border:1px solid rgba(255,255,255,.12);

background: rgba(255,255,255,.04);

font-size:13px;

color: var(--muted);

font-weight:650;

}

.notice b{color:var(--text)}

</style>

</head>

<body>

<div>

<h1>Drain Guard Solutions</h1>

<small>CCTV • Repairs • Lining • Installations</small>

</div>

</a>

<a href="#services">Services</a>

<a href="#rat-entry">Rat Entry</a>

<a href="#process">How it works</a>

<a href="#contact" class="btn">Get a quote</a>

</nav>

</div>

</header>

<span class="pill">UK Drain Specialists</span>

<span class="pill">Reports & CCTV Footage</span>

</div>

<h2>Stop drain faults that let rats into homes.</h2>

<p>

We diagnose drain defects, provide clear CCTV evidence, and carry out the repairs — from patching and

relining to dig-ups and full installations.

</p>

<a class="btn" href="#contact">Request a quote</a>

<a class="btn" href="https://wa.me/447000000000" target="_blank" rel="noopener">WhatsApp</a>

</div>

<div class="trust"><i></i> CCTV survey & written findings</div>

<div class="trust"><i></i> Repair options explained clearly</div>

<div class="trust"><i></i> Clean, respectful workmanship</div>

</div>

<h3>Same-week surveys & repairs</h3>

<div class="big">CCTV • Repairs • Lining</div>

<p class="small">Serving: <b>Ringwood</b> & surrounding areas (update below).</p>

<li><span class="tick"></span> Rat entry diagnostics & sealing recommendations</li>

<li><span class="tick"></span> Relining & patch repairs</li>

<li><span class="tick"></span> Excavations (dig-ups) & reinstatement</li>

<li><span class="tick"></span> Full drainage installs & replacements</li>

</ul>

</div>

<b>Tip:</b> If you’ve had repeat rat issues, a drain defect is often the route in.

A CCTV survey can confirm entry points and damage.

</div>

</section>

<div>

<h3>Drainage services</h3>

<p>Everything from investigation to repair and reinstatement. We show you the problem and fix it properly.</p>

</div>

<b>CCTV Drain Surveys</b>

<span>Full internal inspection, footage supplied, and a clear summary of defects and next steps.</span>

</div>

<b>Drain Repairs</b>

<span>Targeted repairs for cracks, displaced joints, collapses, root ingress and broken connections.</span>

</div>

<b>Drain Relining</b>

<span>Minimally invasive lining options to restore integrity and prevent ingress without full excavation.</span>

</div>

<b>Excavations (Dig-Ups)</b>

<span>When required, we excavate safely, replace damaged pipework and reinstate the area tidily.</span>

</div>

<b>New Installations</b>

<span>Full drainage installs or replacements for extensions, gardens, driveways and property upgrades.</span>

</div>

<b>Homebuyer / Landlord Reports</b>

<span>Great for pre-purchase checks, recurring blockages, persistent odours, and vermin concerns.</span>

</div>

</section>

<div>

<h3>Rat entry prevention through drains</h3>

<p>We specialise in diagnosing how rats access properties via defective drainage and recommending the correct fix.</p>

</div>

<b>Find the defect</b>

<p>We use CCTV inspection to identify cracks, open joints, broken connections and damaged inspection chambers.</p>

</div>

<b>Prove the route in</b>

<p>We document defect locations and likely ingress points so the repair is clear and justifiable.</p>

</div>

<b>Repair / seal properly</b>

<p>Reline, patch, replace sections, or excavate where needed — selecting the best method for long-term integrity.</p>

</div>

<b>Provide evidence</b>

<p>Before/after footage and a brief summary suitable for homeowners, landlords, agents or insurers.</p>

</div>

</section>

<div>

<h3>How it works</h3>

<p>Simple, transparent, and focused on fixing the root cause — not just the symptoms.</p>

</div>

<b>1) Quick questions</b>

<span>We confirm symptoms (rats, smells, blockages), access points and any recent building work.</span>

</div>

<b>2) Survey or repair visit</b>

<span>We attend for CCTV survey or direct repair assessment depending on the issue.</span>

</div>

<b>3) Quote & options</b>

<span>You get clear repair options (best / good / budget) where possible, with recommended fix.</span>

</div>

</section>

<div>

<h3>Request a quote</h3>

<p>Send a few details and we’ll respond. If it’s urgent, call or WhatsApp for the quickest response.</p>

</div>

</div>

</div>

<button class="btn primary" type="submit">Send enquiry</button>

<p class="small">By sending, you agree we may contact you about your enquiry. (Add your privacy policy link once live.)</p>

</form>

</div>

<h3>Contact</h3>

<p class="small">Phone</p>

<p class="small">WhatsApp</p>

<div class="big"><a href="https://wa.me/447000000000" target="_blank" rel="noopener">Message us</a></div>

<p class="small" style="margin-top:10px;">Email</p>

<div class="big" style="font-size:18px;"><a href="mailto:hello@drainguardsolutions.co.uk">hello@drainguardsolutions.co.uk</a></div>

<b>Service area:</b> Ringwood & surrounding areas.

<br/>Update this line to your exact coverage (e.g., Dorset / Hampshire / South Coast).

</div>

<b>Emergency?</b> If there’s internal flooding or collapse risk, call now and keep usage to a minimum until assessed.

</div>

</section>

</main>

<div>

<div>

<b>Drain Guard Solutions</b><br/>

<span class="legal">CCTV Surveys • Drain Repairs • Relining • Excavations • Installations</span>

</div>

Company name: <b>Drain Guard Solutions Ltd</b> (Company No: <b>INSERT COMPANY NUMBER</b>)<br/>

Registered address: <b>INSERT REGISTERED ADDRESS</b><br/>

</div>

<b>Search keywords (for Google):</b><br/>

CCTV drain survey • drain repairs • drain relining • collapsed drain • rat entry prevention • drain defects

</div>

</footer>

document.getElementById("year").textContent = new Date().getFullYear();

</script>

</body>

</html>