<!DOCTYPE html>
<html lang=”vi”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Giới thiệu công ty – Referral</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f6f8;
color: #333;
}
header {
background-color: #007acc;
color: white;
padding: 30px 20px;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2rem;
}
main {
padding: 20px;
max-width: 900px;
margin: 0 auto;
}
section {
margin-bottom: 40px;
}
h2 {
color: #007acc;
margin-bottom: 15px;
}
p {
line-height: 1.6;
}
.benefits ul {
list-style-type: disc;
padding-left: 20px;
}
form {
background-color: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
form input, form textarea, form select {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
form button {
background-color: #007acc;
color: white;
border: none;
padding: 12px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
}
form button:hover {
background-color: #005f99;
}
footer {
text-align: center;
padding: 20px;
background-color: #e1e7ed;
}
</style>
</head>
<body>
<header>
<h1>Công ty TOGOSOLAR</h1>
<p>Giải pháp năng lượng mặt trời thông minh cho gia đình và doanh nghiệp</p>
</header>
<main>
<section>
<h2>Về chúng tôi</h2>
<p>TOGOSOLAR là công ty chuyên cung cấp giải pháp năng lượng mặt trời, từ hệ thống điện gia đình, doanh nghiệp đến các giải pháp lưu trữ thông minh. Với hơn 10 năm kinh nghiệm, chúng tôi cam kết mang đến sản phẩm chất lượng, tiết kiệm chi phí và thân thiện với môi trường.</p>
</section>
<section>
<h2>Sản phẩm & Dịch vụ</h2>
<p>Chúng tôi cung cấp:</p>
<ul>
<li>Hệ thống điện mặt trời gia đình và doanh nghiệp</li>
<li>Giải pháp lưu trữ năng lượng thông minh</li>
<li>Tư vấn thiết kế và lắp đặt trọn gói</li>
<li>Bảo trì và hỗ trợ kỹ thuật 24/7</li>
</ul>
</section>
<section class=”benefits”>
<h2>Lợi ích khi giới thiệu</h2>
<p>Khi bạn giới thiệu khách hàng đến TOGOSOLAR, bạn sẽ nhận được:</p>
<ul>
<li>Hoa hồng hấp dẫn cho mỗi khách hàng thành công</li>
<li>Ưu đãi đặc biệt cho người giới thiệu thân thiết</li>
<li>Cơ hội trở thành đối tác kinh doanh chính thức của công ty</li>
</ul>
</section>
<section>
<h2>Đăng ký giới thiệu</h2>
<form action=”submit_referral.php” method=”POST”>
<label for=”referrerName”>Tên người giới thiệu</label>
<input type=”text” id=”referrerName” name=”referrerName” required>
<label for=”referrerEmail”>Email người giới thiệu</label>
<input type=”email” id=”referrerEmail” name=”referrerEmail” required>
<label for=”referralName”>Tên khách hàng được giới thiệu</label>
<input type=”text” id=”referralName” name=”referralName” required>
<label for=”referralEmail”>Email khách hàng</label>
<input type=”email” id=”referralEmail” name=”referralEmail” required>
<label for=”note”>Ghi chú / Thông tin thêm</label>
<textarea id=”note” name=”note” rows=”4″></textarea>
<button type=”submit”>Gửi thông tin</button>
</form>
</section>
</main>
<footer>
© 2026 TOGOSOLAR – Tất cả quyền được bảo lưu
</footer>
</body>
</html>