<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tech Help Solutions - Printer Support</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}
body{
background:#f5f7fb;
color:#222;
line-height:1.6;
}
.container{
width:90%;
max-width:1200px;
margin:auto;
}
header{
background:#0a4fff;
color:#fff;
padding:18px 0;
}
header .container{
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{
font-size:28px;
font-weight:700;
}
.phone{
font-size:18px;
font-weight:600;
}
.hero{
background:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),
url('https://images.unsplash.com/photo-1587825140708-dfaf72ae4b04?auto=format&fit=crop&w=1400&q=80');
background-size:cover;
background-position:center;
padding:100px 0;
color:#fff;
}
.hero-content{
display:grid;
grid-template-columns:1fr 420px;
gap:50px;
align-items:center;
}
.hero h1{
font-size:52px;
line-height:1.2;
margin-bottom:20px;
}
.hero p{
font-size:18px;
margin-bottom:30px;
}
.btn{
display:inline-block;
padding:14px 28px;
background:#ffb400;
color:#000;
font-weight:600;
text-decoration:none;
border-radius:6px;
transition:.3s;
}
.btn:hover{
background:#ffc940;
}
.form-box{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.form-box h3{
color:#111;
margin-bottom:20px;
font-size:26px;
}
.form-box input,
.form-box textarea{
width:100%;
padding:14px;
margin-bottom:15px;
border:1px solid #ccc;
border-radius:5px;
font-size:15px;
}
.form-box button{
width:100%;
padding:15px;
border:none;
background:#0a4fff;
color:#fff;
font-size:16px;
font-weight:600;
border-radius:6px;
cursor:pointer;
}
.section{
padding:80px 0;
}
.section-title{
text-align:center;
font-size:38px;
margin-bottom:50px;
color:#111;
}
.features{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.feature-box{
background:#fff;
padding:30px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}
.feature-box h4{
margin:15px 0;
font-size:22px;
}
.services{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}
.service{
background:#fff;
padding:25px;
border-left:5px solid #0a4fff;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}
.brands{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:20px;
margin-top:30px;
}
.brand{
background:#fff;
padding:18px 35px;
border-radius:8px;
font-weight:600;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}
.cta{
background:#0a4fff;
color:#fff;
text-align:center;
padding:80px 20px;
}
.cta h2{
font-size:42px;
margin-bottom:20px;
}
.cta p{
font-size:18px;
margin-bottom:30px;
}
.testimonials{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
.testimonial{
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}
footer{
background:#111;
color:#fff;
text-align:center;
padding:35px 0;
}
footer p{
margin:8px 0;
}
@media(max-width:991px){
.hero-content,
.features,
.services,
.testimonials{
grid-template-columns:1fr;
}
.hero h1{
font-size:40px;
}
header .container{
flex-direction:column;
gap:10px;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="logo">Tech Help Solutions</div>
<div class="phone">📞 +1-800-123-4567</div>
</div>
</header>
<section class="hero">
<div class="container hero-content">
<div>
<h1>Fast & Reliable Printer Support Services</h1>
<p>
Get expert help for HP, Canon, Epson, Brother and all major printer brands.
Fix printer offline errors, wireless issues, setup problems and more.
</p>
<a href="tel:+18001234567" class="btn">Call Now</a>
</div>
<div class="form-box">
<h3>Get Instant Support</h3>
<form>
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Email Address" required>
<input type="tel" placeholder="Phone Number" required>
<input type="text" placeholder="Printer Brand">
<textarea rows="4" placeholder="Describe Your Issue"></textarea>
<button type="submit">Get Support Now</button>
</form>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">Why Choose Us</h2>
<div class="features">
<div class="feature-box">
<h4>Certified Experts</h4>
<p>Experienced printer technicians available for quick troubleshooting.</p>
</div>
<div class="feature-box">
<h4>Remote Support</h4>
<p>Fast remote assistance for setup, installation and repair guidance.</p>
</div>
<div class="feature-box">
<h4>All Printer Brands</h4>
<p>Support for HP, Canon, Epson, Brother, Lexmark and more.</p>
</div>
</div>
</div>
</section>
<section class="section" style="background:#eef3ff;">
<div class="container">
<h2 class="section-title">Common Printer Issues We Fix</h2>
<div class="services">
<div class="service">Printer Offline Errors</div>
<div class="service">Wireless Printer Setup</div>
<div class="service">Driver Installation Issues</div>
<div class="service">Scanner Connection Problems</div>
<div class="service">Paper Jam Errors</div>
<div class="service">Mobile Printing Support</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">Brands We Support</h2>
<div class="brands">
<div class="brand">HP</div>
<div class="brand">Canon</div>
<div class="brand">Epson</div>
<div class="brand">Brother</div>
<div class="brand">Dell</div>
<div class="brand">Xerox</div>
</div>
</div>
</section>
<section class="cta">
<h2>Free Printer Diagnosis Today</h2>
<p>
Speak with a printer support specialist now and get instant troubleshooting assistance.
</p>
<a href="tel:+18001234567" class="btn">Call Support Now</a>
</section>
<section class="section">
<div class="container">
<h2 class="section-title">Customer Reviews</h2>
<div class="testimonials">
<div class="testimonial">
<p>
⭐⭐⭐⭐⭐ <br><br>
"Excellent service. My HP printer was fixed within minutes."
</p>
<h4>- Michael R.</h4>
</div>
<div class="testimonial">
<p>
⭐⭐⭐⭐⭐ <br><br>
"Very professional and helpful remote support team."
</p>
<h4>- Sarah T.</h4>
</div>
</div>
</div>
</section>
<footer>
<p>Tech Help Solutions</p>
<p>Printer Technical Support Services</p>
<p>📞 +1-800-123-4567</p>
<p>© 2026 Tech Help Solutions. All Rights Reserved.</p>
</footer>
</body>
</html>
