index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Newman Plumbing | Plumbing - Maintenance -
Repair</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing:
border-box;
font-family:
Arial, Helvetica, sans-serif;
}
body {
background-color: #0f0f0f;
color: #ffffff;
}
header {
background: #000000;
padding: 20px 40px;
display: flex;
align-items: center;
justify-content:
space-between;
}
header img {
height: 80px;
}
nav a {
color: #ffffff;
text-decoration: none;
margin-left: 25px;
font-weight: bold;
}
nav a:hover {
color: #4da6ff;
}
.hero {
text-align: center;
padding: 80px 20px;
background:
linear-gradient(135deg, #0f0f0f, #1a1a1a);
}
.hero h1 {
font-size: 48px;
margin-bottom: 20px;
}
.hero p {
font-size: 22px;
color: #4da6ff;
margin-bottom: 30px;
}
.btn {
background: #4da6ff;
color: white;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
.btn:hover {
background: #3399ff;
}
.section {
padding: 60px 20px;
text-align: center;
}
.section h2 {
font-size: 36px;
margin-bottom: 30px;
}
.services {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.service-box {
background: #1a1a1a;
padding: 30px;
width: 280px;
border-radius: 10px;
}
.service-box h3 {
margin-bottom: 15px;
color: #4da6ff;
}
.contact {
background: #1a1a1a;
}
footer {
background: #000;
text-align: center;
padding: 20px;
font-size: 14px;
color: #aaa;
}
@media(max-width: 768px){
.hero
h1 {
font-size: 32px;
}
}
</style>
</head>
<body>
<header>
<img src="logo.png"
alt="Newman Plumbing Logo">
<nav>
<a href="#services">Services</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="hero">
<h1>Newman
Plumbing</h1>
<p>Plumbing
– Maintenance – Repair</p>
<a href="mailto:support@plumbmaintainrepair.co.uk"
class="btn">Get a Free Quote</a>
</section>
<section id="services"
class="section">
<h2>Our
Services</h2>
<div
class="services">
<div
class="service-box">
<h3>General Plumbing</h3>
<p>Leak repairs, pipe installations, tap replacements and more.</p>
</div>
<div
class="service-box">
<h3>Maintenance</h3>
<p>Routine inspections and preventative plumbing maintenance.</p>
</div>
<div
class="service-box">
<h3>Emergency Repairs</h3>
<p>Fast response for urgent plumbing issues.</p>
</div>
</div>
</section>
<section id="about"
class="section">
<h2>About
Us</h2>
<p>
Newman
Plumbing provides reliable and professional plumbing services.
We pride
ourselves on quality workmanship, fast response times, and customer
satisfaction.
</p>
</section>
<section id="contact" class="section
contact">
<h2>Contact
Us</h2>
<p>Email:
support@plumbmaintainrepair.co.uk</p>
<p>Serving
Residential & Commercial Clients</p>
</section>
<footer>
© 2026 Newman
Plumbing. All Rights Reserved.
</footer>
</body>
</html>