
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Partner बने और कमाएं | RWEBNEXT</title>

<style>

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Arial,sans-serif;
  background:#f4f4f4;
  color:#222;
}

/* HERO */

.hero{
  background:linear-gradient(135deg,#081b4b,#102d6b);
  color:#fff;
  text-align:center;
  padding:70px 20px;
}

.hero h1{
  font-size:50px;
  color:#FFD700;
  margin-bottom:15px;
}

.hero p{
  font-size:20px;
  line-height:1.9;
  max-width:850px;
  margin:auto;
}

.hero-btn{
  display:inline-block;
  margin-top:35px;
  background:#25D366;
  color:#fff;
  padding:16px 35px;
  border-radius:10px;
  text-decoration:none;
  font-size:20px;
  font-weight:bold;
}

/* SECTION */

.section{
  max-width:1200px;
  margin:auto;
  padding:60px 20px;
}

/* HEADING */

.heading{
  text-align:center;
  margin-bottom:40px;
}

.heading h2{
  font-size:42px;
  color:#081b4b;
  margin-bottom:10px;
}

.heading p{
  font-size:18px;
  color:#555;
}

/* CARDS */

.card-wrap{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:25px;
}

.card{
  background:#fff;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.1);
  transition:0.3s;
}

.card:hover{
  transform:translateY(-5px);
}

.card img{
  width:100%;
  height:240px;
  object-fit:cover;
}

.card-content{
  padding:25px;
}

.card-content h3{
  color:#081b4b;
  margin-bottom:12px;
}

.card-content p{
  color:#555;
  line-height:1.8;
}

/* BENEFITS */

.benefits{
  margin-top:50px;
  background:#fff;
  padding:40px;
  border-radius:15px;
  box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.benefits h2{
  text-align:center;
  color:#081b4b;
  margin-bottom:30px;
  font-size:38px;
}

.benefit-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.benefit{
  background:#f8f9fa;
  padding:25px;
  border-radius:12px;
  text-align:center;
}

.benefit h3{
  margin-bottom:10px;
  color:#081b4b;
}.cert-box{
width:100%;
max-width:950px;
margin:auto;
background:linear-gradient(135deg,#fffdf5,#f8f4e8);
border:8px solid #d4af37;
border-radius:15px;
padding:50px 25px;
text-align:center;
position:relative;
overflow:hidden;
}

.cert-logo{
font-size:52px;
color:#081b4b;
margin-bottom:10px;
letter-spacing:2px;
word-break:break-word;
}

.cert-sub{
font-size:18px;
color:#555;
margin-bottom:35px;
line-height:1.7;
}

.cert-heading{
font-size:44px;
color:#d4af37;
margin-bottom:20px;
line-height:1.4;
}

.cert-name{
font-size:48px;
margin:30px 0;
color:#081b4b;
border-bottom:3px dashed #d4af37;
display:inline-block;
padding-bottom:10px;
word-break:break-word;
}

.cert-text{
font-size:22px;
line-height:1.9;
color:#333;
max-width:750px;
margin:auto;
}

.cert-footer{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:20px;
margin-top:60px;
}

.cert-sign{
flex:1;
min-width:220px;
text-align:center;
}

.cert-sign div{
border-top:2px solid #333;
padding-top:10px;
font-size:18px;
}

.cert-badge{
margin-top:35px;
display:inline-block;
background:#081b4b;
color:#fff;
padding:12px 28px;
border-radius:50px;
font-size:18px;
max-width:100%;
word-break:break-word;
}

/* MOBILE FIX */

@media(max-width:768px){

.cert-box{
padding:30px 15px;
border-width:5px;
}

.cert-logo{
font-size:34px;
}

.cert-sub{
font-size:15px;
}

.cert-heading{
font-size:26px;
}

.cert-name{
font-size:28px;
line-height:1.5;
}

.cert-text{
font-size:16px;
line-height:1.8;
}

.cert-footer{
flex-direction:column;
gap:25px;
margin-top:40px;
}

.cert-sign{
min-width:100%;
}

.cert-sign div{
font-size:15px;
}

.cert-badge{
font-size:14px;
padding:10px 18px;
margin-top:25px;
}

}


/* FORM */

.form-box{
  margin-top:60px;
  background:#fff;
  padding:40px;
  border-radius:15px;
  box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.form-box h2{
  text-align:center;
  color:#081b4b;
  margin-bottom:25px;
  font-size:38px;
}

input{
  width:100%;
  padding:15px;
  margin-bottom:18px;
  border-radius:8px;
  border:1px solid #ccc;
  font-size:16px;
}

button{
  width:100%;
  background:#198754;
  color:#fff;
  border:none;
  padding:16px;
  font-size:18px;
  border-radius:10px;
  cursor:pointer;
}

button:hover{
  background:#157347;
}

/* FOOTER */

.footer{
  background:#081b4b;
  color:#fff;
  text-align:center;
  padding:35px 20px;
  margin-top:60px;
}

.footer h2{
  color:#FFD700;
  margin-bottom:10px;
}

.footer p{
  line-height:1.8;
}

/* MOBILE */

@media(max-width:768px){

.hero h1{
  font-size:34px;
}

.hero p{
  font-size:17px;
}

.heading h2,
.benefits h2,
.form-box h2,
.certificate-title h2{
  font-size:30px;
}

.cert-heading{
  font-size:30px;
}

.cert-name{
  font-size:34px;
}

.cert-text{
  font-size:18px;
}

}

</style>
</head>

<body>

<!-- HERO -->

<section class="hero">

<h1>🤝 Partner बनें और कमाएं</h1>

<p>
RWEBNEXT के साथ जुड़ें और  
Estimate Software, Website Design और Digital Services  
का प्रमोशन करके हर महीने अतिरिक्त कमाई करें।
</p>

<a href="#apply" class="hero-btn">
📲 अभी Join करें
</a>

</section>

<!-- MAIN -->

<section class="section">

<!-- HEADING -->

<div class="heading">

<h2>आपको क्या मिलेगा?</h2>

<p>
Professional पहचान, Certificate, Commission और पूरा Support
</p>

</div>

<!-- CARDS -->

<div class="card-wrap">

<!-- CARD -->

<div class="card">

<img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?q=80&w=1200&auto=format&fit=crop">

<div class="card-content">

<h3>🎓 Partner Certificate</h3>

<p>
आपको Official Digital Partner Certificate दिया जाएगा
जिसे आप अपने ग्राहकों और सोशल मीडिया पर दिखा सकते हैं।
</p>

</div>

</div>

<!-- CARD -->

<div class="card">

<img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=1200&auto=format&fit=crop">

<div class="card-content">

<h3>🤝 Full Support</h3>

<p>
WhatsApp Support, Marketing सामग्री और Training
पूरी तरह से दी जाएगी।
</p>

</div>

</div>

<!-- CARD -->

<div class="card">

<img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=1200&auto=format&fit=crop">

<div class="card-content">

<h3>💰 Attractive Commission</h3>

<p>
हर सफल रेफरल पर अच्छा Commission और Extra Income कमाने का मौका।
</p>

</div>

</div>

</div>

<!-- BENEFITS -->

<div class="benefits">

<h2>🌟 पार्टनर बनने के फायदे</h2>

<div class="benefit-grid">

<div class="benefit">
<h3>💸 Commission</h3>
<p>हर Sale पर कमाई</p>
</div>

<div class="benefit">
<h3>🌐 Website Services</h3>
<p>Website Design & Hosting</p>
</div>

<div class="benefit">
<h3>📄 Estimate Software</h3>
<p>Professional Interior Software</p>
</div>

<div class="benefit">
<h3>📈 Growth</h3>
<p>Digital Business Opportunity</p>
</div>

<div class="benefit">
<h3>📲 WhatsApp Support</h3>
<p>पूरी Training और Guidance</p>
</div>

<div class="benefit">
<h3>🏆 पहचान</h3>
<p>Professional Partner पहचान</p>
</div>

</div>

</div>

	
	
<!-- LIVE EARNINGS SECTION -->

<section style="
max-width:1200px;
margin:auto;
padding:60px 20px;
">

<!-- HEADING -->

<div style="text-align:center;margin-bottom:40px;">

<h2 style="
font-size:42px;
color:#081b4b;
margin-bottom:15px;
">
💰 Live Earnings Example
</h2>

<p style="
font-size:18px;
color:#555;
line-height:1.8;
max-width:800px;
margin:auto;
">
RWEBNEXT पार्टनर बनकर कई लोग हर महीने अतिरिक्त कमाई कर रहे हैं।
</p>

</div>

<!-- EARNING CARDS -->

<div style="
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
">

<!-- CARD -->

<div style="
background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
text-align:center;
">

<h3 style="font-size:28px;color:#198754;">
₹25,000+
</h3>

<p style="margin-top:10px;font-size:18px;">
1 महीने की कमाई
</p>

<hr style="margin:20px 0;">

<p style="line-height:1.8;color:#555;">
Estimate Software Referrals +  
Website Projects से कमाई
</p>

</div>

<!-- CARD -->

<div style="
background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
text-align:center;
">

<h3 style="font-size:28px;color:#198754;">
₹12,000+
</h3>

<p style="margin-top:10px;font-size:18px;">
Part Time Income
</p>

<hr style="margin:20px 0;">

<p style="line-height:1.8;color:#555;">
Local carpenter referrals और  
WhatsApp promotion से कमाई
</p>

</div>

<!-- CARD -->

<div style="
background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
text-align:center;
">

<h3 style="font-size:28px;color:#198754;">
₹50,000+
</h3>

<p style="margin-top:10px;font-size:18px;">
Top Partner Earnings
</p>

<hr style="margin:20px 0;">

<p style="line-height:1.8;color:#555;">
Software + Website Sales  
से Monthly Income
</p>

</div>

</div>

</section>

<!-- SUCCESS STORIES -->

<section style="
background:#081b4b;
padding:70px 20px;
">

<div style="
max-width:1200px;
margin:auto;
">

<!-- HEADING -->

<div style="text-align:center;margin-bottom:50px;">

<h2 style="
font-size:42px;
color:#FFD700;
margin-bottom:15px;
">
🌟 Success Stories
</h2>

<p style="
font-size:18px;
color:#fff;
line-height:1.8;
max-width:850px;
margin:auto;
">
हमारे पार्टनर्स ने RWEBNEXT के साथ जुड़कर अपनी आय और पहचान दोनों बढ़ाई।
</p>

</div>

<!-- REVIEW CARDS -->

<div style="
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:25px;
">

<!-- REVIEW 1 -->

<div style="
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.2);
">

<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=1200&auto=format&fit=crop"
style="
width:100%;
height:260px;
object-fit:cover;
">

<div style="padding:25px;">

<h3 style="color:#081b4b;">
👨‍🔧 Ramesh Carpenter
</h3>

<p style="
margin-top:12px;
line-height:1.8;
color:#555;
">
“मैंने सिर्फ WhatsApp पर Software promote करके
2 महीने में ₹32,000 कमाए।”
</p>

<div style="
margin-top:15px;
color:#FFD700;
font-size:22px;
">
★★★★★
</div>

</div>

</div>

<!-- REVIEW 2 -->

<div style="
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.2);
">

<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=1200&auto=format&fit=crop"
style="
width:100%;
height:260px;
object-fit:cover;
">

<div style="padding:25px;">

<h3 style="color:#081b4b;">
🧑‍💼 Manisha  Interior Designer
</h3>

<p style="
margin-top:12px;
line-height:1.8;
color:#555;
">
“RWEBNEXT से मुझे Website clients और extra income दोनों मिले।”
</p>

<div style="
margin-top:15px;
color:#FFD700;
font-size:22px;
">
★★★★★
</div>

</div>

</div>

<!-- REVIEW 3 -->

<div style="
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.2);
">

<img 
src="https://images.unsplash.com/photo-1504593811423-6dd665756598?q=80&w=1200&auto=format&fit=crop"
style="
width:100%;
height:260px;
object-fit:cover;
">

<div style="padding:25px;">

<h3 style="color:#081b4b;">
👷 Sunil Contractor
</h3>

<p style="
margin-top:12px;
line-height:1.8;
color:#555;
">
“अब मैं अपने clients को Professional Estimate देता हूँ
और referral income भी कमाता हूँ।”
</p>

<div style="
margin-top:15px;
color:#FFD700;
font-size:22px;
">
★★★★★
</div>

</div>

</div>

</div>

</div>

</section>
<!-- CERTIFICATE -->

<div class="certificate">

<div class="certificate-title">

<h2>🏆 Sample Partner Certificate</h2>

<p>
RWEBNEXT Partner बनने पर आपको ऐसा Professional Digital Certificate मिलेगा।
</p>

</div>

<div class="cert-box">

<div class="cert-circle1"></div>
<div class="cert-circle2"></div>

<h1 class="cert-logo">
RWEBNEXT
</h1>

<p class="cert-sub">
Website Design,Domain,Web Hosting,Billing Web Application & Digital Solutions
</p>

<h2 class="cert-heading">
Certificate of Partnership
</h2>

<p class="cert-text">
This certificate is proudly presented to
</p>

<h2 class="cert-name">
Your Name Here
</h2>

<p class="cert-text">

for successfully becoming an Official Partner of RWEBNEXT  
and promoting Interior Estimate Software & Website Services.

</p>

<div class="cert-footer">

<div class="cert-sign">
<div>Authorized Signature</div>
</div>

<div class="cert-sign">
<div>Date: 18 May 2026</div>
</div>

</div>

<div class="cert-badge">
🌟 OFFICIAL RWEBNEXT PARTNER
</div>

</div>

</div>

<!-- FORM -->

<div class="form-box" id="apply">

<h2>📋 पार्टनर बनने के लिए आवेदन करें</h2>

<input type="text" id="name" placeholder="पूरा नाम">

<input type="tel" id="mobile" placeholder="मोबाइल नंबर">

<input type="text" id="city" placeholder="शहर">

<button onclick="sendPartnerRequest()">
🤝 आवेदन भेजें
</button>

</div>

</section>

<!-- FOOTER -->

<footer class="footer">

<h2>RWEBNEXT</h2>

<p>
 Website Design | Domain Name | Hosting | Digital Solutions
</p>

<p style="margin-top:10px;">
🌐 rwebnext.com
</p>

<p style="margin-top:10px;">
📞 +91 9923451985
</p>



</footer>

<!-- SCRIPT -->

<script>

function sendPartnerRequest(){

let name = document.getElementById("name").value.trim();
let mobile = document.getElementById("mobile").value.trim();
let city = document.getElementById("city").value.trim();

if(name==""){
alert("कृपया नाम दर्ज करें");
return;
}

if(!mobile || mobile.replace(/\D/g,'').length !== 10){
alert("सही मोबाइल नंबर दर्ज करें");
return;
}

mobile = mobile.replace(/\D/g,'');

let message =
`🤝 New Partner Request

👤 Name: ${name}
📞 Mobile: ${mobile}
📍 City: ${city}

I want to become a partner with RWEBNEXT.`;

let url =
"https://wa.me/919923451985?text="
+ encodeURIComponent(message);

window.open(url,"_blank");

}

</script>

</body>
</html>