View source for MediaWiki:Widgets/LeadForm

<html>
<style>
.lead-btn {
  padding: 10px 20px;
  background-color: #0078d7;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
}
.lead-dialog {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  width: 90%;
  max-width: 400px;
}
</style>

<button class="lead-btn" onclick="document.getElementById('leadDialog').showModal()">Get Featured</button>

<dialog id="leadDialog" class="lead-dialog">
  <form method="POST" action="https://webhook.neetibots.com/webhook/6826d3559c7a4c559db585ed">
    <h3 style="margin-top:0;">Get Featured on Global Wiki</h3>

    <label for="name">Full Name:</label><br>
    <input type="text" name="name" id="name" required style="width:100%; padding:8px;"><br><br>

    <label for="mobile">Mobile Number:</label><br>
    <input type="text" name="mobile" id="mobile" required style="width:100%; padding:8px;"><br><br>

    <div style="text-align:right;">
      <button type="button" onclick="document.getElementById('leadDialog').close()" style="padding:8px 12px; margin-right:10px;">Cancel</button>
      <input type="submit" value="Submit" style="padding:8px 20px;">
    </div>
  </form>
</dialog>
</html>