<!-- Open Button -->
<button onclick="document.getElementById('regBox').style.display='block'"
style="padding:10px 20px;background:#0066ff;color:#fff;
border:none;border-radius:5px;font-weight:bold;">
Register
</button>
<!-- Background Overlay -->
<div id="regBox" style="display:none;
position:fixed;top:0;left:0;width:100%;height:100%;
background:rgba(0,0,0,0.5);z-index:999;">
<!-- Box Design -->
<div style="background:#fff;width:280px;
padding:20px;border-radius:12px;
position:absolute;top:50%;left:50%;
transform:translate(-50%,-50%);
box-shadow:0 10px 25px rgba(0,0,0,0.3);">
<h3 style="text-align:center;margin-top:0;">Register</h3>
<input type="text" placeholder="First Name" required
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;" />
<input type="text" placeholder="Last Name" required
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;" />
<input type="tel" placeholder="Mobile Number" required
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;" />
<input type="email" placeholder="Email ID" required
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;" />
<input type="password" placeholder="Password" required
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;" />
<textarea placeholder="Message"
style="width:100%;padding:8px;margin:6px 0;border:1px solid #ccc;border-radius:5px;"></textarea>
<button style="width:100%;padding:10px;
background:#28a745;color:#fff;
border:none;border-radius:5px;font-weight:bold;">
Submit
</button>
<button onclick="document.getElementById('regBox').style.display='none'"
style="width:100%;margin-top:6px;padding:8px;
background:#dc3545;color:#fff;
border:none;border-radius:5px;">
Close
</button>
</div>
</div>
💜 Pay via PhonePe
Select Amount: