!DOCTYPE HTML
!DOCTYPE HTML
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dharmendra Kumar - LIC Agent | 22+ Years of Experience</title>
<style>
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
background-color: #f5f5f5;
}
header {
background-color: #0066cc;
color: white;
padding: 20px 0;
text-align: center;
border-bottom: 5px solid #004080;
position: relative;
}
.header-content {
display: flex;
align-items: center;
justify-content: center;
}
.agent-photo-header {
width: 100px;
height: 200px;
border: 3px solid white;
margin-right: 20px;
object-fit: cover;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.header-text {
text-align: left;
}
nav {
background-color: #f4f4f4;
padding: 10px;
text-align: center;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
nav a {
margin: 0 15px;
text-decoration: none;
color: #333;
font-weight: bold;
padding: 5px 10px;
border-radius: 5px;
transition: all 0.3s;
}
nav a:hover {
background-color: #0066cc;
color: white;
}
.hero {
background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url('insurance-banner.jpg');
background-size: cover;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-align: center;
margin-bottom: 30px;
}
.services {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 30px 0;
}
.service-card {
width: 30%;
margin: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: white;
transition: transform 0.3s;
}
.service-card:hover {
transform: translateY(-5px);
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px 0;
margin-top: 30px;
}
.agent-photo {
width: 200px;
height: 300px;
border: 3px solid #0066cc;
margin: 0 auto;
display: block;
object-fit: cover;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.contact-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-info {
background-color: #f4f4f4;
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
flex: 1;
min-width: 300px;
margin-right: 20px;
}
.map-container {
flex: 1;
min-width: 300px;
background-color: #f4f4f4;
padding: 20px;
border-radius: 5px;
}
.map {
width: 100%;
height: 300px;
border: 1px solid #ddd;
border-radius: 5px;
}
.whatsapp-btn {
background-color: #25D366;
color: white;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
display: inline-block;
margin-top: 10px;
font-weight: bold;
}
.testimonial-card {
background-color: white;
padding: 15px;
margin: 10px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.calculator-btn {
background-color: #ff6600;
color: white;
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
display: inline-block;
margin-top: 10px;
font-weight: bold;
}
.btn {
background-color: #0066cc;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
margin-top: 10px;
transition: background-color 0.3s;
}
.btn:hover {
background-color: #004080;
}
.about-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 30px 0;
}
.about-text {
max-width: 600px;
margin-left: 30px;
}
@media (max-width: 768px) {
.service-card {
width: 100%;
}
.about-section {
flex-direction: column;
}
.about-text {
margin-left: 0;
margin-top: 20px;
}
.contact-container {
flex-direction: column;
}
.contact-info {
margin-right: 0;
margin-bottom: 20px;
}
.header-content {
flex-direction: column;
text-align: center;
}
.agent-photo-header {
margin-right: 0;
margin-bottom: 15px;
}
}
</style>
</head>
<body>
<header>
<div class="header-content">
<img src="C:\Users\HP\Downloads\agent-photo.jpg" alt="Dharmendra Kumar"
class="agent-photo-header">
<div class="header-text">
<h1>Dharmendra Kumar</h1>
<p>Licensed LIC Agent | Serving Since 2002 (22+ Years)</p>
<p>LIC Agent Code: [Your License Number]</p>
</div>
</div>
</header>
<nav>
<a href="#home">Home</a>
<a href="#services">Services</a>
<a href="#about">About Me</a>
<a href="#testimonials">Testimonials</a>
<a href="#contact">Contact</a>
<a href="#calculator">Premium Calculator</a>
</nav>
<section id="services">
<h2 style="text-align: center;">My Services</h2>
<div class="services">
<div class="service-card">
<h3>Life Insurance Plans</h3>
<p>Comprehensive life coverage options tailored to your needs
including:</p>
<ul>
<li>Term Insurance</li>
<li>Endowment Plans</li>
<li>Money Back Policies</li>
<li>Child Plans</li>
</ul>
</div>
<div class="service-card">
<h3>Pension Plans</h3>
<p>Secure your retirement with our pension solutions:</p>
<ul>
<li>Jeevan Akshay</li>
<li>New Jeevan Nidhi</li>
<li>Immediate Annuity</li>
</ul>
</div>
<div class="service-card">
<h3>Health Insurance</h3>
<p>Protect your health and finances with our medical coverage:</p>
<ul>
<li>Health Covers</li>
<li>Critical Illness Riders</li>
<li>Mediclaim Policies</li>
</ul>
</div>
</div>
</section>
<section id="about">
<h2 style="text-align: center;">About Me</h2>
<div class="about-section">
<img src="C:\Users\HP\Downloads\agent-photo.jpg" alt="Dharmendra Kumar
- LIC Agent" class="agent-photo">
<div class="about-text">
<h3>Your Trusted LIC Advisor</h3>
<p>With over <strong>22 years of experience</strong> as an LIC
agent, I'm committed to helping clients in <strong>Jewar (G.B. Nagar), Uttar
Pradesh</strong> and surrounding areas find perfect insurance solutions.</p>
<p><strong>Qualifications:</strong> Graduate | LIC Certified
Agent</p>
<p>I specialize in providing ethical advice, seamless claim
assistance, and personalized policy recommendations for families and businesses. My
customer-first approach has helped hundreds of clients secure their financial
future.</p>
<p>As your local LIC agent, I understand the unique needs of our
community and can guide you in selecting the perfect insurance plan that matches
your financial goals and budget.</p>
</div>
</div>
</section>
<footer>
<p>© 2024 Dharmendra Kumar - LIC Agent. All rights reserved.</p>
<p>Licensed by Life Insurance Corporation of India | ARN: [Your License
Number]</p>
<p style="margin-top: 10px; font-size: 0.9em;">Disclaimer: This is the
official website of LIC agent Dharmendra Kumar. LIC is not liable for any content
on this website.</p>
</footer>
</body>
</html>