<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>PartnerOnboard</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<style>
|
|
[data-widget-type="LpInputReact"] {
|
|
/* display: grid; */
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
grid-column-gap: 1em;
|
|
grid-auto-columns: auto;
|
|
}
|
|
|
|
body {
|
|
font-family: "Poppins", sans-serif;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/* Column that takes up 6 out of 12 equal parts (50%) */
|
|
.col-6 {
|
|
flex: 0 0 50%;
|
|
/* 50% width */
|
|
padding: 10px;
|
|
/* Optional padding */
|
|
box-sizing: border-box;
|
|
/* Ensure padding does not affect width */
|
|
}
|
|
|
|
.campaign-page {
|
|
margin: 20px 70px;
|
|
}
|
|
|
|
.head-text {
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
color: #2a468d;
|
|
}
|
|
#change{
|
|
color: #2a468d;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.text-danger {
|
|
/* color: #ed1f24; */
|
|
color: #EC221F;
|
|
}
|
|
.is-required{
|
|
color: #EC221F;
|
|
}
|
|
.right-side-text {
|
|
color: #2a468d;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sub-text {
|
|
margin: 20px 0px;
|
|
color: gray;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.composite {
|
|
margin-top: 20px;
|
|
}
|
|
.side-banner{
|
|
margin-top: 50px;
|
|
}
|
|
.banner {
|
|
width: 550px;
|
|
height: 350px
|
|
}
|
|
|
|
.input-button {
|
|
background: #EC221F;
|
|
border: 1px solid var(--Border-Danger-Secondary, #C00F0C);
|
|
color: white;
|
|
border-radius: 5px;
|
|
padding: 10px 40px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
.UrlInput { position: relative; }
|
|
.prefix-label {
|
|
position: absolute;
|
|
margin-top: 12px;
|
|
font-size: 13px;
|
|
margin-left: 7px;
|
|
}
|
|
#input-ARN{
|
|
padding-left:40px;
|
|
width: 257px;
|
|
}
|
|
button {
|
|
background: #ffffff;
|
|
height: 40px;
|
|
border: 0;
|
|
border-radius: 5px;
|
|
color: #000000;
|
|
padding: 0 15px;
|
|
cursor: pointer;
|
|
}
|
|
.popup-enter-text{
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 10px;
|
|
}
|
|
dialog {
|
|
width: 300px;
|
|
max-height: 400px;
|
|
padding: 30px;
|
|
border: 0;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
|
border-radius: 15px;
|
|
position: absolute;
|
|
}
|
|
.button-section{
|
|
margin-top: 20px;
|
|
}
|
|
dialog button {
|
|
/* position: absolute; */
|
|
bottom: 20px;
|
|
right: 30px;
|
|
background: #E92629;
|
|
color: #ffffff;
|
|
}
|
|
|
|
p {
|
|
color: #aaa;
|
|
/* padding-bottom: 10px; */
|
|
/* line-height: 2; */
|
|
font-size: 14px;
|
|
}
|
|
|
|
.container {
|
|
/* background-color: rgba(30, 30, 30, 0.8); */
|
|
/* padding: 40px 40px 87px 30px; */
|
|
/* border-radius: 16px; */
|
|
/* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); */
|
|
/* text-align: center; */
|
|
backdrop-filter: blur(10px);
|
|
/* border: 1px solid rgba(255, 255, 255, 0.1); */
|
|
max-width: 400px;
|
|
width: 100%;
|
|
}
|
|
#validation-class{
|
|
margin: inherit;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
color: #fa3246;
|
|
font-weight: 400;
|
|
}
|
|
h1 {
|
|
margin-bottom: 1.5rem;
|
|
color: black;
|
|
font-weight: 600;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
p {
|
|
/* margin-bottom: 2rem; */
|
|
color: #b0b0b0;
|
|
font-weight: 300;
|
|
}
|
|
.mob-no-text{
|
|
color: #b0b0b0;
|
|
font-weight: 300;
|
|
font-size: 12px;
|
|
margin: 5px 0px;
|
|
}
|
|
.otp-input {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 10px;
|
|
margin-top: 20px;
|
|
}
|
|
/* .otp-input input {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 0 8px;
|
|
text-align: center;
|
|
font-size: 1.5rem;
|
|
border: 2px solid #6665F1;
|
|
border-radius: 12px;
|
|
background-color: rgba(42, 42, 42, 0.8);
|
|
color: #ffffff;
|
|
transition: all 0.3s ease;
|
|
} */
|
|
.otp-input input {
|
|
width: 25px;
|
|
height: 35px;
|
|
margin: 0 8px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
/* border: 2px solid #6665F1; */
|
|
border-radius: 5px;
|
|
/* background-color: rgba(42, 42, 42, 0.8); */
|
|
color: gray;
|
|
/* transition: all 0.3s ease; */
|
|
border: 1px solid gray;
|
|
}
|
|
/* .otp-input input:focus {
|
|
border-color: #A556F6;
|
|
box-shadow: 0 0 0 2px rgba(166, 86, 246, 0.3);
|
|
outline: none;
|
|
} */
|
|
|
|
.otp-input input::-webkit-outer-spin-button,
|
|
.otp-input input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* .otp-input input[type=number] {
|
|
-moz-appearance: textfield;
|
|
} */
|
|
|
|
button {
|
|
background: linear-gradient(135deg, #6665F1, #A556F6);
|
|
color: white;
|
|
/* border: 2px solid #6665F1; */
|
|
padding: 10px 70px;
|
|
font-size: 1rem;
|
|
border-radius: 25px;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
/* transition: all 0.3s ease; */
|
|
font-weight: 500;
|
|
letter-spacing: 0.5px;
|
|
width: 100%;
|
|
}
|
|
|
|
/* button:hover {
|
|
background: linear-gradient(135deg, #A556F6, #6665F1);
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 8px rgba(166, 86, 246, 0.3);
|
|
} */
|
|
|
|
button:disabled {
|
|
background: #cccccc;
|
|
border-color: #999999;
|
|
color: #666666;
|
|
cursor: not-allowed;
|
|
transform: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#timer {
|
|
font-size: 12px;
|
|
color: darkgray;
|
|
font-weight: bold;
|
|
margin: 5px 15px;
|
|
}
|
|
.timer-div{
|
|
text-align: end;
|
|
/* display: flex; */
|
|
/* flex-direction: row-reverse; */
|
|
/* margin: -11px -13px -14px -30px; */
|
|
}
|
|
#invalid-otp-msg{
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
#new-partner-msg{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
/* color: red; */
|
|
}
|
|
@keyframes pulse {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.expired {
|
|
/* animation: pulse 2s infinite; */
|
|
color: #ff4444;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.resend-text {
|
|
margin-top: 2px;
|
|
font-size: 12px;
|
|
color: #b0b0b0;
|
|
}
|
|
|
|
.resend-link {
|
|
color: #6665F1;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
.resend-link:hover {
|
|
color: #A556F6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#email {
|
|
color: #A556F6;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.arn-non-arn{
|
|
color: #0050A1;
|
|
text-decoration: underline;
|
|
font-weight: 600;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.campaign-page{
|
|
margin: 10px;
|
|
} #input-ARN{
|
|
width: 284px;
|
|
}
|
|
.prefix-label {
|
|
margin-top: 10px;
|
|
}
|
|
.side-banner{
|
|
margin-top: 10px;
|
|
}
|
|
.css-1xzxck5 .lp-form-react__group {
|
|
width: 100% !important;
|
|
}
|
|
.head-text {
|
|
font-size: 14px;
|
|
padding-top: 10px;
|
|
}
|
|
.sub-text {
|
|
margin: 10px 0px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.right-side-text{
|
|
font-size: 14px;
|
|
}
|
|
.n-logo{
|
|
height: 40px;
|
|
}
|
|
.d-block{
|
|
display: block;
|
|
}
|
|
.banner {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#dialogOne{
|
|
margin-top: 100% !important;
|
|
}
|
|
.css-1xzxck5 .lp-form-react__label {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
function SendWelcomeMail(email) {
|
|
var myHeaders = new Headers();
|
|
myHeaders.append("mmApiKey", "TATPNVJ-CA2M859-GD8JG55-AX18V60");
|
|
myHeaders.append("Content-Type", "application/json");
|
|
|
|
var raw = JSON.stringify({
|
|
subject: "Welcome to Nivesh.com",
|
|
email: email,
|
|
});
|
|
|
|
var requestOptions = {
|
|
method: "POST",
|
|
headers: myHeaders,
|
|
body: raw,
|
|
redirect: "follow",
|
|
};
|
|
|
|
fetch(
|
|
"https://api.mailmodo.com/api/v1/triggerCampaign/ce43293f-89cf-4470-8d59-aa55ed062063",
|
|
requestOptions
|
|
)
|
|
.then((response) => response.text())
|
|
.then((result) => console.log(result))
|
|
.catch((error) => console.log("error", error));
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="registernow"></div>
|
|
<div class="campaign-page">
|
|
<!-- <div class="nivesh-logo"><img src="https://webassets.nivesh.com/Content/images/logo-transparent.png" alt="logo"/></div> -->
|
|
<div class="nivesh-logo">
|
|
<img class="n-logo" src="https://webassets.nivesh.com/Content/images/logo-transparent.png" alt="logo" height="70px" />
|
|
</div>
|
|
<div class="head-text text-center">
|
|
Boost Your <span class="text-danger"> Wealth Management Business</span> with
|
|
Our Easy-to-Use Digital Solutions
|
|
</div>
|
|
<div class="row d-block">
|
|
<div class="col-6">
|
|
<div class="side-banner">
|
|
<img class="banner" src="https://webassets.nivesh.com/Content/images/WealthBanner.jpg" alt="logo" />
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="right-side-text">
|
|
Take Your Wealth Management Business to New Heights with Profit-Boosting
|
|
System!
|
|
</div>
|
|
<div class="sub-text">
|
|
Just One Step Away from a successful Business! Fill the Form Below.
|
|
</div>
|
|
<hr />
|
|
<div class="composite flex__item--md-12 flex__item--xs-12 css-8x0d4x">
|
|
<div>
|
|
<form action="" data-backup-host="https://optin-snf-dot-lead-pages.appspot.com" data-form-version="2" method="POST"
|
|
accept-charset="UTF-8" target="_top">
|
|
<div class="widget-column flex__item--md-12 flex__item--xs-12">
|
|
<div class="widget-row flex flex--12">
|
|
<div class="flex__item--md-12 flex__item--xs-12">
|
|
<div data-widget-id="406c2845-cebe-0298-9b52-3fab2a01f711" class="widget">
|
|
<style data-emotion-css="1xzxck5">
|
|
.css-1xzxck5 .confirm-existence {
|
|
display: none;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt {
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
border: 1px solid #4c515d;
|
|
border-radius: 3px;
|
|
color: #4c515d;
|
|
display: none;
|
|
margin-bottom: 12px;
|
|
padding: 18px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt .error-prompt__icon {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-flex: 0 0 48px;
|
|
-ms-flex: 0 0 48px;
|
|
flex: 0 0 48px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt .error-prompt__icon .disabled-checkout {
|
|
height: 30px;
|
|
width: 48px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt .error-prompt__details {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt .error-prompt__details .error-title {
|
|
color: inherit;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt .error-prompt__details .error-description {
|
|
color: inherit;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt.error-prompt--invalid {
|
|
color: #fa3246;
|
|
border-color: #fa3246;
|
|
background-color: #fee0e3;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon {
|
|
-webkit-flex-basis: 16px;
|
|
-ms-flex-preferred-size: 16px;
|
|
flex-basis: 16px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.css-1xzxck5 .error-prompt.error-prompt--invalid .error-prompt__icon .error-line path {
|
|
fill: #fa3246;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container {
|
|
position: relative;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .fa-lock,
|
|
.css-1xzxck5 .cc-input-container .cc-icons {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .fa-lock {
|
|
color: #4c515d;
|
|
left: 0.5em;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons {
|
|
right: 0.5em;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons .cc-icons__svg {
|
|
display: inline-block;
|
|
width: 100%;
|
|
max-width: 1.5em;
|
|
/* float: right; */
|
|
margin-right: 0.5em;
|
|
opacity: 0.5;
|
|
-webkit-transition: opacity 0.2s ease,
|
|
max-width 0.3s ease, margin 0.3s ease;
|
|
transition: opacity 0.2s ease, max-width 0.3s ease,
|
|
margin 0.3s ease;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons .cc-icons__svg:first-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match svg {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match svg:not(.cc-icons__svg--americanexpress) {
|
|
max-width: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.americanexpress-card-match .cc-icons__svg--americanexpress {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match svg {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match svg:not(.cc-icons__svg--discover) {
|
|
max-width: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.discover-card-match .cc-icons__svg--discover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match svg {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match svg:not(.cc-icons__svg--mastercard) {
|
|
max-width: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.mastercard-card-match .cc-icons__svg--mastercard {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match svg {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match svg:not(.cc-icons__svg--visa) {
|
|
max-width: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .cc-icons.visa-card-match .cc-icons__svg--visa {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .cc-input-container .lp-form-react__input {
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
.css-1xzxck5 .form-field {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.css-1xzxck5 .form-field.last-visible {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .form-field.input-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-field .lp-form-field__field-block-title {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group {
|
|
width: 50%;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.is-success {
|
|
-webkit-animation: animation-1dcx35r 1s;
|
|
animation: animation-1dcx35r 1s;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.js-required {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.js-required .lp-form-react__input {
|
|
border: 1px solid #fa3246;
|
|
/* box-shadow: #fa3246 0 0 1.5px 1px; */
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.js-required .lp-form-react__error--required {
|
|
opacity: 1;
|
|
height: auto;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.js-invalid .lp-form-react__input {
|
|
border: 1px solid #fa3246;
|
|
/* box-shadow: #fa3246 0 0 1.5px 1px; */
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__group.js-invalid .lp-form-react__error--invalid {
|
|
opacity: 1;
|
|
height: auto;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__label {
|
|
-webkit-flex: 0 0 100%;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input {
|
|
display: block;
|
|
width: 100%;
|
|
height: 2em;
|
|
margin: 0;
|
|
padding: 0 0.5em;
|
|
line-height: inherit;
|
|
border-radius: 3px;
|
|
-webkit-transition: border-color 200ms ease;
|
|
transition: border-color 200ms ease;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__textarea {
|
|
padding: 0.5em;
|
|
height: auto;
|
|
resize: none;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__error {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-align-items: baseline;
|
|
-webkit-box-align: baseline;
|
|
-ms-flex-align: baseline;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
font-size: 0.75em;
|
|
text-align: left;
|
|
color: #fa3246;
|
|
font-weight: 400;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
font-style: normal;
|
|
margin: 0;
|
|
height: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: all 200ms ease;
|
|
transition: all 200ms ease;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__error i {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react-radio-container,
|
|
.css-1xzxck5 .lp-form-react-checkbox-container {
|
|
line-height: 1;
|
|
margin-bottom: 6px;
|
|
-webkit-flex: 0 0 100%;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
width: 100%;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react-radio-container:first-of-type,
|
|
.css-1xzxck5 .lp-form-react-checkbox-container:first-of-type {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react-radio-container:last-of-type,
|
|
.css-1xzxck5 .lp-form-react-checkbox-container:last-of-type {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio {
|
|
opacity: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio:focus+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
margin: 0 6px 0 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked,
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked path,
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked path {
|
|
fill: #4c515d;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__unchecked {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label .lp-form-react-radio-button .lp-form-react-radio-button__checked {
|
|
z-index: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio:checked+label .lp-form-react-radio-button .lp-form-react-radio-button__checked,
|
|
.css-1xzxck5 input[type="radio"].lp-form-react-radio:checked+label:hover .lp-form-react-radio-button .lp-form-react-radio-button__checked {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label {
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:hover span svg,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:focus span svg,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:active span svg {
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox {
|
|
height: 16px;
|
|
margin: 0;
|
|
-webkit-transition: background-color 0.3s ease,
|
|
border-color 0.3s ease;
|
|
transition: background-color 0.3s ease,
|
|
border-color 0.3s ease;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .lp-form-react__checkbox-label-container {
|
|
position: relative;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
-webkit-transition: opacity 0.3s ease;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked path,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked path {
|
|
fill: #4c515d;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__unchecked {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox .checkbox__checked {
|
|
z-index: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]:checked+label .checkbox .checkbox__checked,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]:checked+label:hover .checkbox .checkbox__checked {
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label:hover .checkbox .checkbox__checked {
|
|
opacity: 0.6;
|
|
}
|
|
}
|
|
|
|
.css-1xzxck5 select.lp-form-react-select {
|
|
height: 2em;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex: 0 0 100%;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.css-1xzxck5 .flex-container {
|
|
margin-left: -12px;
|
|
margin-right: -12px;
|
|
}
|
|
|
|
.css-1xzxck5 .flex.flex-form [class*="flex__item--"] {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside input::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside input::-moz-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside input:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside input::placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside textarea::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside textarea::-moz-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside textarea:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside textarea::placeholder {
|
|
font-size: 1em;
|
|
font-weight: inherit;
|
|
opacity: 1;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input::-moz-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input::-moz-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react__input::placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea::-moz-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea::-webkit-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea::-moz-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea:-ms-input-placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 textarea.lp-form-react__textarea::placeholder {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input {
|
|
border: 1px solid rgba(76, 81, 93, 1);
|
|
color: #020020;
|
|
font-size: inherit;
|
|
border-radius: 8px;
|
|
height: 35px;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input:focus {
|
|
border: 1px solid rgba(76, 81, 93, 1);
|
|
/* box-shadow: rgba(76, 81, 93, 1) 0 0 1.5px 1px; */
|
|
outline: 0;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input::-webkit-input-placeholder {
|
|
color: #b1bacc;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input::-moz-placeholder {
|
|
color: #b1bacc;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input:-ms-input-placeholder {
|
|
color: #b1bacc;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__input::placeholder {
|
|
color: #b1bacc;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__label {
|
|
color: #828282;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside .lp-form-react__input {
|
|
color: #020020;
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside .lp-form-react__input::-webkit-input-placeholder {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside .lp-form-react__input::-moz-placeholder {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside .lp-form-react__input:-ms-input-placeholder {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 .labels-are-inside .lp-form-react__input::placeholder {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react-radio+label {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react-radio+label .lp-form-react-radio-button__unchecked path,
|
|
.css-1xzxck5 .lp-form-react-radio+label .lp-form-react-radio-button__checked path {
|
|
fill: rgba(76, 81, 93, 1);
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-field__field-block-title {
|
|
|
|
color: rgba(76, 81, 93, 1);
|
|
}
|
|
|
|
.css-1xzxck5 select.lp-form-react-select {
|
|
border: 1px solid rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 select.lp-form-react-select:focus {
|
|
outline-color: rgba(76, 81, 93, 1);
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
}
|
|
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox__unchecked path,
|
|
.css-1xzxck5 input.lp-form-react-checkbox[type="checkbox"]+label .checkbox__checked path {
|
|
fill: rgba(76, 81, 93, 1);
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__description {
|
|
color: rgba(76, 81, 93, 1);
|
|
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__privacy-link {
|
|
color: rgba(76, 81, 93, 1);
|
|
-webkit-text-decoration: underline;
|
|
text-decoration: underline;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__privacy-link a {
|
|
color: inherit;
|
|
}
|
|
|
|
.css-1xzxck5 .lp-form-react__confirm label {
|
|
font-size: 0.875rem;
|
|
}
|
|
#dialogTwo{
|
|
margin-top: -396px;
|
|
}
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
|
|
<div class="lp-form-react w-406c2845-cebe-0298-9b52-3fab2a01f711 css-1xzxck5" data-widget-type="LpInputReact">
|
|
<div class="error-prompt error-prompt--disabled">
|
|
<div class="error-prompt__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 30" class="disabled-checkout">
|
|
<path style="fill: #656a78"
|
|
d="M36.8 1h-30c-1.7 0-3 1.3-3 3v20c0 1.7 1.3 3 3 3h24.8c-0.1-0.1-0.1-0.1-0.2-0.2 -0.6-0.6-1-1.2-1.4-1.8H6.8c-0.5 0-1-0.5-1-1V12h32v2.1c0.7 0.1 1.4 0.3 2 0.6V4C39.8 2.3 38.5 1 36.8 1zM37.8 6h-32V4c0-0.5 0.5-1 1-1h30c0.5 0 1 0.5 1 1V6z">
|
|
</path>
|
|
<path style="fill: #fa5a6a"
|
|
d="M36.7 14c2.1 0 3.8 0.7 5.3 2.2s2.2 3.2 2.2 5.3 -0.7 3.8-2.2 5.3S38.8 29 36.7 29s-3.8-0.7-5.3-2.2c-1.5-1.5-2.2-3.2-2.2-5.3s0.7-3.8 2.2-5.3C32.9 14.7 34.6 14 36.7 14zM37.4 22.2v-4.5h-1.5v4.5H37.4zM37.4 25.3v-1.5h-1.5v1.5H37.4z">
|
|
</path>
|
|
</svg>
|
|
</div>
|
|
<div class="error-prompt__details">
|
|
<p class="error-title"></p>
|
|
<p class="error-description"></p>
|
|
</div>
|
|
</div>
|
|
<div class="error-prompt error-prompt--invalid">
|
|
<div class="error-prompt__icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="error-line">
|
|
<g data-name="Layer 2">
|
|
<g data-name="Layer 1">
|
|
<path
|
|
d="M50 10a39.9 39.9 0 0 1 15.3 2.9 40.1 40.1 0 0 1 12.9 8.8 40.1 40.1 0 0 1 8.8 12.9A39.7 39.7 0 0 1 90 50a39.9 39.9 0 0 1-2.9 15.3 40.2 40.2 0 0 1-8.8 12.9 40.3 40.3 0 0 1-13 8.8A39.6 39.6 0 0 1 50 90a39.9 39.9 0 0 1-15.3-2.9 39.8 39.8 0 0 1-12.9-8.8 40.4 40.4 0 0 1-8.8-12.9A39.6 39.6 0 0 1 10 50a40 40 0 0 1 2.9-15.3 39.8 39.8 0 0 1 8.8-12.9 40.1 40.1 0 0 1 12.9-8.8A39.8 39.8 0 0 1 50 10ZM50 0A48.4 48.4 0 0 0 14.7 14.7 48.4 48.4 0 0 0 0 50 48.4 48.4 0 0 0 14.7 85.3 48.3 48.3 0 0 0 50 100 48.4 48.4 0 0 0 85.3 85.3 48.3 48.3 0 0 0 100 50 48.4 48.4 0 0 0 85.3 14.7 48.3 48.3 0 0 0 50 0h0Z">
|
|
</path>
|
|
<path d="M55 55V24.8H45V55Zm0 20.3V65.1H45V75.3Z"></path>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="error-prompt__details">
|
|
<p class="error-description"></p>
|
|
</div>
|
|
</div>
|
|
<div data-input-container="true" class="form-field font-scale-4">
|
|
<div class="lp-form-react__group js-form-group" id="Name-Block">
|
|
<label for="Name" class="lp-form-react__label"><span>Name <span class="is-required">*</span></span><input type="text" autocomplete="given-name" onkeydown="return /[a-z, ]/i.test(event.key)"
|
|
autocomplete=false class="lp-form-react__input js-input-mapping" id="input-Name" data-url="" maxlength="500" placeholder="Name"
|
|
name="input-Name" required="" value="" /></label><label for="Name"
|
|
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
|
|
enter your Name</span></label><label for="Name" class="lp-form-react__error lp-form-react__error--invalid"><i
|
|
class="fa fa-exclamation-circle"></i><span>Please enter a valid Name</span></label>
|
|
</div>
|
|
</div>
|
|
<div data-input-container="true" class="form-field font-scale-4">
|
|
<div class="lp-form-react__group js-form-group" id="Phone-Block">
|
|
<div class="flex-container">
|
|
<div class="flex flex-form flex--12">
|
|
<div class="flex__item--xs-12">
|
|
<label for="cc5e02aa1d7740abc3a88f85ac0fb0c5-p65ZzSydG9jKNmj4eF8a4A" class="lp-form-react__label"><span>Phone
|
|
Number <span class="is-required">*</span></span>
|
|
<input type="number" type="tel"onKeyPress="if(this.value.length==10) return false;" autocomplete="tel" class="lp-form-react__input js-input-mapping" id="input-PhoneNo"
|
|
data-url="" placeholder="Phone Number" name="input-PhoneNo" required="" value="" /></label><label
|
|
for="" class="lp-form-react__error lp-form-react__error--required"><i
|
|
class="fa fa-exclamation-circle"></i><span>Please enter your valid Phone
|
|
Number</span></label><label for="" class="lp-form-react__error lp-form-react__error--invalid"><i
|
|
class="fa fa-exclamation-circle"></i><span>Please enter a valid Phone
|
|
Number</span></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-input-container="true" class="form-field font-scale-4">
|
|
<div class="lp-form-react__group js-form-group" id="Email-Block">
|
|
<label for="email" class="lp-form-react__label"><span>Email <span class="is-required">*</span></span><input type="text" autocomplete="given-name"
|
|
class="lp-form-react__input js-input-mapping" id="input-Email" data-url="" maxlength="500" placeholder="Email"
|
|
name="input-Email" required="" value="" /></label><label for="Email"
|
|
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
|
|
enter your Email Id</span></label><label for="Email"
|
|
class="lp-form-react__error lp-form-react__error--invalid"><i class="fa fa-exclamation-circle"></i><span>Please
|
|
enter a valid email</span></label>
|
|
</div>
|
|
</div>
|
|
<div><span class="show-arn-msg arn-non-arn"
|
|
onclick="handlehideARN()"
|
|
style="cursor: pointer;font-size: 13px; display: none;">
|
|
Click here if you have ARN Number
|
|
</span></div>
|
|
<div class="arn-class">
|
|
<div data-input-container="true" class="form-field font-scale-4">
|
|
<div class="lp-form-react__group js-form-group" id="ARN-Block">
|
|
<label for="email" class="lp-form-react__label"><span>ARN Number <span class="is-required">*</span></span>
|
|
<div class="UrlInput">
|
|
<label class="prefix-label">ARN-</label>
|
|
<input type="text" autocomplete="given-name"
|
|
class="lp-form-react__input js-input-mapping" id="input-ARN" data-url="" maxlength="500"
|
|
placeholder="ARN Number" name="input-ARN" required="" value="" />
|
|
</div>
|
|
</label><label for="ARN_No"
|
|
class="lp-form-react__error lp-form-react__error--required"><i class="fa fa-exclamation-circle"></i><span>Please
|
|
enter ARN Number</span></label><label for="ARN_No" class="lp-form-react__error lp-form-react__error--invalid"><i
|
|
class="fa fa-exclamation-circle"></i><span>Please enter a valid arn number</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="arn-non-arn" onclick="handlehideARN()" style="cursor: pointer;font-size: 13px;margin-bottom: 5px;">Click here if you don’t have ARN Number</div>
|
|
</div>
|
|
<span id="validation-class"></span>
|
|
|
|
<!-- <div
|
|
data-input-container="true"
|
|
class="form-field font-scale-4 input-hidden"
|
|
>
|
|
<div
|
|
class="lp-form-react__group js-form-group"
|
|
id="input-09be2ce7826f29ca5999b04a6caeebe9-p65ZzSydG9jKNmj4eF8a4A"
|
|
>
|
|
<label class="lp-form-react__label"
|
|
><span>action</span
|
|
><textarea
|
|
class="lp-form-react__input lp-form-react__textarea js-input-mapping"
|
|
id="TypeRequest"
|
|
data-url=""
|
|
rows="4"
|
|
placeholder=""
|
|
name="TypeRequest"
|
|
value="LeadPartnerForm"
|
|
>
|
|
LeadPartnerForm</textarea
|
|
></label
|
|
><label
|
|
for=""
|
|
class="lp-form-react__error lp-form-react__error--required"
|
|
><i class="fa fa-exclamation-circle"></i
|
|
><span>Please enter your action</span></label
|
|
>
|
|
</div>
|
|
</div> -->
|
|
<!-- <div class="confirm-existence">
|
|
<label
|
|
class="confirm-existence__label"
|
|
for="confirm-existence"
|
|
>If you are human, leave this blank.<input
|
|
type="text"
|
|
class="confirm-existence__input"
|
|
name="confirm-existence"
|
|
/></label>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="widget-row flex flex--12">
|
|
<div class="flex__item--md-12 flex__item--xs-12">
|
|
<div
|
|
data-widget-id="ffad907a-5316-436f-a913-cf01bc87dbbc"
|
|
class="widget"
|
|
>
|
|
<div
|
|
class="lp-button-react-wrapper css-1yltisf"
|
|
data-widget-type="LpButtonReact"
|
|
>
|
|
<style data-emotion-css="1idrav">
|
|
.css-1idrav {
|
|
display: inline-block;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
-webkit-transition: color 0.2s linear,
|
|
background 0.2s linear, border-color 0.2s linear,
|
|
text-shadow 0.2s linear;
|
|
transition: color 0.2s linear, background 0.2s linear,
|
|
border-color 0.2s linear, text-shadow 0.2s linear;
|
|
-webkit-text-decoration: none;
|
|
text-decoration: none;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
padding: 12px;
|
|
|
|
border-radius: 10000px;
|
|
}
|
|
.css-1idrav::before {
|
|
border-radius: 10000px;
|
|
}
|
|
.css-1idrav,
|
|
.css-1idrav:focus,
|
|
.css-1idrav:active {
|
|
border-color: rgb(237, 31, 36);
|
|
background: rgb(237, 31, 36);
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
.css-1idrav:hover {
|
|
background-color: rgb(186, 24, 28);
|
|
border-color: rgb(186, 24, 28);
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
.css-disabledbtn {
|
|
display: inline-block;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
padding: 12px;
|
|
|
|
border-radius: 10000px;
|
|
}
|
|
.css-disabledbtn::before {
|
|
border-radius: 10000px;
|
|
}
|
|
.css-disabledbtn,
|
|
.css-disabledbtn:focus,
|
|
.css-disabledbtn:active {
|
|
border-color: rgb(200, 200, 200);
|
|
background: rgb(200, 200, 200);
|
|
color: rgba(50, 50, 50, 1);
|
|
}
|
|
.css-disabledbtn:hover {
|
|
background-color: rgb(200, 200, 200);
|
|
border-color: rgb(200, 200, 200);
|
|
color: rgba(50, 50, 50, 1);
|
|
}
|
|
</style>
|
|
|
|
<!--Extra-->
|
|
<!-- <div
|
|
id="was"
|
|
style="
|
|
display: block;
|
|
float: left;
|
|
text-align: left;
|
|
margin-bottom: 14px;
|
|
color: gray;
|
|
"
|
|
>
|
|
<p
|
|
style="
|
|
text-align: left;
|
|
font-size: 14px;
|
|
color: gray;
|
|
font-weight: 600;
|
|
"
|
|
>
|
|
We will contact you from time to time to give you
|
|
updated information on products, investment options
|
|
via WhatsApp, Email, SMS, phone..
|
|
</p>
|
|
|
|
<input
|
|
type="radio"
|
|
id="readytooptin"
|
|
name="consentform"
|
|
checked
|
|
style="margin-top: 10px; margin-left: 25px"
|
|
/>
|
|
<label style="font-size: 13.5px" for="readytooptin"
|
|
>Yes, I would like keep myself updated</label
|
|
>
|
|
|
|
<br />
|
|
<input
|
|
type="radio"
|
|
id="notreadytooptin"
|
|
name="consentform"
|
|
style="margin-top: 10px; margin-left: 25px"
|
|
/>
|
|
<label style="font-size: 13.5px" for="notreadytooptin"
|
|
>No, I prefer to remain ignorant of new
|
|
updates.</label
|
|
>
|
|
</div> -->
|
|
|
|
<!--ENdof-->
|
|
<!--form-->
|
|
<div class="button-section text-center">
|
|
<input style="cursor: pointer;" id="grow-income" name="grow-income" value="JOIN NIVESH" type="button"
|
|
class="input-button lp-button-react w-ffad907a-5316-436f-a913-cf01bc87dbbc lp-button-react--full is-bold lp-button-react--small lp-button-react--flat lp-btn-flat font-scale-5 line-height-scale-4 css-1idrav"
|
|
formtarget="_top" onclick="formSubmit(event)" />
|
|
</div>
|
|
<!--I Want to Increase My Profit Now!</button>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="form-errors"></div>
|
|
</div>
|
|
<button style="display: none;" class="dialog-button" data-dialog="dialogOne">Open dialogOne</button>
|
|
|
|
<dialog id="dialogOne">
|
|
<div class="container">
|
|
<div class="popup-enter-text">We sent a code to your mobile number </div>
|
|
<div style="text-align: center;">
|
|
<div class="mob-no-text">Enter the 6-digit verification code sent to <div>+91 <span id="contact-det"></span>
|
|
<span style="cursor: pointer;" onclick="handleClosePopUp()" id="change">change</span></div></div>
|
|
<div class="otp-input">
|
|
<input type="number" min="0" max="9" required>
|
|
<input type="number" min="0" max="9" required>
|
|
<input type="number" min="0" max="9" required>
|
|
<input type="number" min="0" max="9" required>
|
|
<input type="number" min="0" max="9" required>
|
|
<input type="number" min="0" max="9" required>
|
|
</div>
|
|
<div class="timer-div">
|
|
<span id="invalid-otp-msg"></span>
|
|
<!-- <p id="timer"></p> -->
|
|
</div>
|
|
<div class="timer-div">
|
|
<!-- <span id="invalid-otp-msg"></span> -->
|
|
<p id="timer"></p>
|
|
</div>
|
|
<button onclick="verifyOTP()">SUBMIT</button>
|
|
<div class="resend-text">
|
|
This session will end in 02 minutes.
|
|
</div>
|
|
<div style="display: none;" style="display: flex; justify-content: center;"id="otp-not-found" class="resend-text">
|
|
Didn't receive the code?
|
|
<span class="resend-link" onclick="resendOTP()">Resend OTP</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button style="display: none;" class="closeDialog">Close dialog</button>
|
|
</dialog>
|
|
<dialog style="display: none;" id="dialogTwo">
|
|
<div class="container">
|
|
<div style="text-align: center;">
|
|
<div class="show-new-msg">
|
|
<span id="new-partner-msg"></span>
|
|
</div>
|
|
<button style="margin-top: 25px;" onclick="handleNewConfirm()">Okay</button>
|
|
</div>
|
|
</div>
|
|
<button style="display: none;" class="closeDialog">Close dialog</button>
|
|
</dialog>
|
|
</body>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
function handleNewConfirm() {
|
|
console.log("ArnNew-Flow");
|
|
setTimeout(() => {
|
|
window.location.reload()
|
|
}, 500);
|
|
}
|
|
// function handleOTPform() {
|
|
const inputs = document.querySelectorAll('.otp-input input');
|
|
const timerDisplay = document.getElementById('timer');
|
|
const resendLink = document.querySelector('.otp-not-found');
|
|
|
|
// 2 minutes in seconds
|
|
// let timeLeft = 120; // 2 minutes in seconds
|
|
// function TimerClock() {
|
|
|
|
var timerId;
|
|
let canResend = true;
|
|
function startTimer() {
|
|
let timeLeft = 120;
|
|
timerId = setInterval(() => {
|
|
if (timeLeft <= 0) {
|
|
clearInterval(timerId);
|
|
timerDisplay.textContent = "Code expired";
|
|
timerDisplay.classList.add('expired');
|
|
// inputs.forEach(input => input.disabled = true);
|
|
$("#otp-not-found").css("display","block")
|
|
// canResend = false;
|
|
} else {
|
|
const minutes = Math.floor(timeLeft / 60);
|
|
const seconds = timeLeft % 60;
|
|
timerDisplay.textContent = `(${minutes}:${seconds.toString().padStart(2, '0')})`;
|
|
timeLeft--;
|
|
}
|
|
}, 1000);
|
|
}
|
|
// }
|
|
|
|
function resendOTP() {
|
|
if (canResend) {
|
|
// alert("New OTP sent!");
|
|
|
|
let timeLeft = 120;
|
|
inputs.forEach(input => {
|
|
input.value = '';
|
|
input.disabled = false;
|
|
});
|
|
inputs[0].focus();
|
|
// clearInterval(timerId);
|
|
timerDisplay.classList.remove('expired');
|
|
sendOTP()
|
|
// startTimer();
|
|
} else {
|
|
alert("Cannot resend code. Time has expired.");
|
|
}
|
|
}
|
|
|
|
inputs.forEach((input, index) => {
|
|
input.addEventListener('input', (e) => {
|
|
if (e.target.value.length > 1) {
|
|
e.target.value = e.target.value.slice(0, 1);
|
|
}
|
|
if (e.target.value.length === 1) {
|
|
if (index < inputs.length - 1) {
|
|
inputs[index + 1].focus();
|
|
}
|
|
}
|
|
});
|
|
|
|
input.addEventListener('keydown', (e) => {
|
|
if (e.key === 'Backspace' && !e.target.value) {
|
|
if (index > 0) {
|
|
inputs[index - 1].focus();
|
|
}
|
|
}
|
|
if (e.key === 'e') {
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
});
|
|
|
|
function verifyOTP() {
|
|
const otp = Array.from(inputs).map(input => input.value).join('');
|
|
if (otp.length === 6) {
|
|
handleVerifyOTP(otp)
|
|
// if (timeLeft > 0) {
|
|
// // alert(`Verifying OTP: ${otp}`);
|
|
// } else {
|
|
// const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
// invalidMsg.textContent = 'OTP has expired. Please request a new one.'
|
|
// // alert('OTP has expired. Please request a new one.');
|
|
// }
|
|
} else {
|
|
const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
invalidMsg.textContent = 'Please enter a 6-digit OTP'
|
|
// alert('Please enter a 4-digit OTP');
|
|
}
|
|
}
|
|
// }
|
|
function sendOTP() {
|
|
// TimerClock()
|
|
var name = $("#input-Name").val();
|
|
var phoneno = $("#input-PhoneNo").val();
|
|
var email = $("#input-Email").val();
|
|
var ARNNo = $("#input-ARN").val()
|
|
|
|
var jsonData = {};
|
|
jsonData["ProductId"] = 1;
|
|
jsonData["AMCID"] = "";
|
|
jsonData["UserRole"] = !!ARNNo?3:4;
|
|
jsonData["UserId"] = "";
|
|
jsonData["Mode"] = "sms";
|
|
jsonData["CommunicationValue"] = phoneno;
|
|
jsonData["Name"] = "";
|
|
jsonData["MsgState"] = "PartnerRegistrationOTP";
|
|
|
|
data = JSON.stringify(jsonData);
|
|
|
|
// return false
|
|
//SendWelcomeMail(emailid)
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
headers: { 'AccessKey': 'JwZhr6MK4b' },
|
|
url: "https://stagingapi.nivesh.com/api/Partner/SendOTP",
|
|
data: data,
|
|
processData: false,
|
|
contentType: "application/json",
|
|
success: function (data) {
|
|
const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
invalidMsg.textContent = ''
|
|
$("#otp-not-found").css("display","none")
|
|
startTimer();
|
|
},
|
|
error: function () {
|
|
//alert('There was an error submitting the form');
|
|
element.classList.remove("css-disabledbtn");
|
|
element.classList.add("css-1idrav");
|
|
element.disabled = false;
|
|
//window.location.assign("https://app.nivesh.com/thank-you");
|
|
//return false;
|
|
},
|
|
async: true,
|
|
});
|
|
}
|
|
function handleWebLead() {
|
|
var name = $("#input-Name").val();
|
|
var phoneno = $("#input-PhoneNo").val();
|
|
var typerequest = $("#TypeRequest").val();
|
|
var ARNNo = $("#input-ARN").val();
|
|
var email = $("#input-Email").val();
|
|
let userReadyToOptinResponse = 1;
|
|
var payload = {};
|
|
payload["Name"] = name.trim();
|
|
payload["Email"] =email;
|
|
payload["PhoneNo"] = phoneno;
|
|
payload["Message"] = "";
|
|
payload["ARNNo"] = ARNNo;
|
|
payload["IsDistributor"] = !!ARNNo? 1:0;
|
|
payload["TypeRequest"] =
|
|
"LeadPartnerForm" +
|
|
"|" +
|
|
"NEW-MODEL-Video-SAFAL-ARN-Campaign" +
|
|
"|" +
|
|
"IsARNHolder:1" +
|
|
"|" +
|
|
"ConsentByUser:" +
|
|
userReadyToOptinResponse;
|
|
|
|
var settings = {
|
|
url: "https://api.ipify.org/",
|
|
method: "GET",
|
|
};
|
|
|
|
$.ajax(settings).done(function (response) {
|
|
payload["IPAddress"] = response;
|
|
});
|
|
|
|
data = JSON.stringify(payload);
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "https://alphaapi.nivesh.com/api/webaddlead",
|
|
data: data,
|
|
processData: false,
|
|
contentType: "application/json",
|
|
success: function () {
|
|
// element.value = "Thank you!";
|
|
// element.style.webkitTransform = element.style.webkitTransform;
|
|
//$('#grow-income').text("Thank You");
|
|
//$('#grow-income').prop("disabled", false);
|
|
|
|
// fbq("track", "Lead");
|
|
// var t = new Date().getTime();
|
|
// while (new Date().getTime() < t + 2000);
|
|
// window.location.assign(
|
|
// "https://app.nivesh.com/partner_onboarding/sign_in?MobileNo=" +
|
|
// phoneno +
|
|
// "&RoleId=3"
|
|
// );
|
|
//window.location.assign("https://lead.nivesh.com/thank-you-nivesh");
|
|
//window.location.href = "https://app.nivesh.com/thank-you";
|
|
},
|
|
error: function () {
|
|
//alert('There was an error submitting the form');
|
|
element.classList.remove("css-disabledbtn");
|
|
element.classList.add("css-1idrav");
|
|
element.disabled = false;
|
|
//window.location.assign("https://app.nivesh.com/thank-you");
|
|
//return false;
|
|
},
|
|
async: true,
|
|
});
|
|
}
|
|
function formSubmit(e) {
|
|
e.preventDefault(); //This will prevent the default click action.
|
|
var iserror = 0;
|
|
let validationMsg = document.getElementById('validation-class');
|
|
validationMsg.textContent = ""
|
|
var params = new URLSearchParams(window.location.search);
|
|
var element = document.getElementById("grow-income");
|
|
// element.value = "Processing...";
|
|
// element.disabled = true;
|
|
|
|
element.classList.remove("css-1idrav");
|
|
element.classList.add("css-disabledbtn");
|
|
element.style.webkitTransform = element.style.webkitTransform;
|
|
|
|
$("div.js-required").removeClass("js-required");
|
|
var name = $("#input-Name").val();
|
|
if (name == "") {
|
|
$("#Name-Block").addClass("js-required");
|
|
|
|
$("#input-Name").focus();
|
|
iserror = 1;
|
|
}
|
|
|
|
var phoneno = $("#input-PhoneNo").val();
|
|
var re = /^[7-9][0-9]{9}$/;
|
|
if (phoneno == "" || !re.test(phoneno)) {
|
|
$("#Phone-Block").addClass("js-required");
|
|
|
|
$("#input-PhoneNo").focus();
|
|
iserror = 1;
|
|
}
|
|
|
|
var email = $("#input-Email").val();
|
|
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
|
|
if (email == "") {
|
|
$("#Email-Block").addClass("js-required");
|
|
$("#input-Email").focus();
|
|
iserror = 1;
|
|
} else if (!re.test(email)) {
|
|
$("#Email-Block").addClass("js-invalid");
|
|
$("#input-Email").focus();
|
|
iserror = 1;
|
|
}
|
|
|
|
var ARNNo = $("#input-ARN").val();
|
|
if (ARNNo == "" && $('.arn-class').css('display')!='none') {
|
|
$("#ARN-Block").addClass("js-required");
|
|
|
|
$("#input-ARN").focus();
|
|
iserror = 1;
|
|
}
|
|
|
|
var typerequest = $("#TypeRequest").val();
|
|
//https://nivesh.lpages.co/partner-prp-awr/?utm_source=Facebook&utm_medium=Facebook&utm_campaign=Partner-PRP-AMFI-AWR_80&utm_content=Partner-PRP-AMFI
|
|
if (!params.get("utm_campaign")) {
|
|
typerequest = typerequest;
|
|
} else {
|
|
typerequest =
|
|
typerequest +
|
|
"|" +
|
|
params.get("utm_campaign") +
|
|
"|" +
|
|
params.get("utm_content") +
|
|
"|" +
|
|
params.get("utm_medium") +
|
|
"|" +
|
|
params.get("utm_source");
|
|
}
|
|
|
|
if (iserror == 1) {
|
|
//$('#grow-income').prop("disabled", false);
|
|
//$('#grow-income').addClass('css-1idrav');
|
|
element.classList.remove("css-disabledbtn");
|
|
element.classList.add("css-1idrav");
|
|
// element.value = "Fill the form";
|
|
element.disabled = false;
|
|
return false;
|
|
}
|
|
$("#grow-income").disabled = true;
|
|
element.value = "Please Wait";
|
|
|
|
//CaptureConsentForm
|
|
let userReadyToOptinResponse = 1;
|
|
// const readyToOptin = document.getElementById("readytooptin");
|
|
|
|
// if (readyToOptin.checked === false) {
|
|
// userReadyToOptinResponse = 0;
|
|
// }
|
|
|
|
var jsonData = {};
|
|
jsonData["Name"] = name.trim();
|
|
jsonData["Email"] = email;
|
|
jsonData["Mobile"] = phoneno;
|
|
jsonData["ARN"] = ARNNo;
|
|
|
|
data = JSON.stringify(jsonData);
|
|
|
|
//SendWelcomeMail(emailid)
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
headers: { 'AccessKey': 'JwZhr6MK4b' },
|
|
url: "https://stagingapi.nivesh.com/api/Partner/V1.0/ValidatePartner",
|
|
data: data,
|
|
processData: false,
|
|
contentType: "application/json",
|
|
success: function (data) {
|
|
|
|
element.value = "JOIN NIVESH";
|
|
element.style.webkitTransform = element.style.webkitTransform;
|
|
let{Message,Result,Status}=data
|
|
if(Status=="error"){
|
|
let validationMsg = document.getElementById('validation-class');
|
|
validationMsg.textContent = Message
|
|
}
|
|
else {
|
|
//$('#grow-income').text("Thank You");
|
|
//$('#grow-income').prop("disabled", false);
|
|
handleWebLead()
|
|
sendOTP()
|
|
// Simulating an email for demonstration
|
|
const emailSpan = document.getElementById('contact-det');
|
|
emailSpan.textContent = $("#input-PhoneNo").val();
|
|
$(document).ready(function () {
|
|
$(".dialog-button").trigger("click");
|
|
});
|
|
// fbq("track", "Lead");
|
|
var t = new Date().getTime();
|
|
while (new Date().getTime() < t + 2000);
|
|
}
|
|
},
|
|
error: function () {
|
|
//alert('There was an error submitting the form');
|
|
element.classList.remove("css-disabledbtn");
|
|
element.classList.add("css-1idrav");
|
|
element.disabled = false;
|
|
//window.location.assign("https://app.nivesh.com/thank-you");
|
|
//return false;
|
|
},
|
|
async: true,
|
|
});
|
|
|
|
//return false; // Returning false will stop page from reloading.
|
|
}
|
|
function handleVerifyOTP(inputOtp=null) {
|
|
var name = $("#input-Name").val();
|
|
var phoneno = $("#input-PhoneNo").val();
|
|
var email = $("#input-Email").val();
|
|
var ARNNo = $("#input-ARN").val()
|
|
var partnerRequest = {};
|
|
partnerRequest["Name"] = name.trim();
|
|
partnerRequest["Email"] = email;
|
|
partnerRequest["Mobile"] = phoneno;
|
|
partnerRequest["ARN"] = ARNNo||"";
|
|
|
|
var jsonData = {partnerRequest};
|
|
jsonData["OTP"] = inputOtp;
|
|
jsonData["Mode"] = "sms";
|
|
jsonData["CommunicationValue"] = phoneno;
|
|
jsonData["ExpiryTimeInMinute"] = 1;
|
|
|
|
data = JSON.stringify(jsonData);
|
|
|
|
// return false
|
|
//SendWelcomeMail(emailid)
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
headers: { 'AccessKey': 'JwZhr6MK4b' },
|
|
url: "https://stagingapi.nivesh.com/api/Partner/V1.0/VerifyOTP",
|
|
data: data,
|
|
processData: false,
|
|
contentType: "application/json",
|
|
success: function (data) {
|
|
let {Message ,Result ,Status }=data
|
|
if(Status=="error"){
|
|
const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
invalidMsg.textContent = Message
|
|
}else{
|
|
const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
invalidMsg.textContent = ""
|
|
if(!!Result?.URL){
|
|
window.location.replace(Result?.URL)
|
|
}else{
|
|
const newMsg = document.getElementById('new-partner-msg');
|
|
newMsg.textContent = data?.Message
|
|
// $("#dialogOne").css("display", "none")
|
|
let element = document.getElementById("dialogOne")
|
|
element.remove()
|
|
$("#dialogTwo").css("display", "block")
|
|
}
|
|
}
|
|
},
|
|
error: function () {
|
|
//alert('There was an error submitting the form');
|
|
element.classList.remove("css-disabledbtn");
|
|
element.classList.add("css-1idrav");
|
|
element.disabled = false;
|
|
//window.location.assign("https://app.nivesh.com/thank-you");
|
|
//return false;
|
|
},
|
|
async: true,
|
|
});
|
|
}
|
|
function handlePopUp() {
|
|
document.querySelectorAll("[data-dialog]").forEach(button => {
|
|
button.addEventListener("click", () => {
|
|
const dialog = document.querySelector(`#${button.dataset.dialog}`);
|
|
dialog.showModal();
|
|
|
|
document.body.style.overflow = "hidden";
|
|
document.documentElement.style.overflow = "hidden";
|
|
|
|
dialog.querySelector(".closeDialog").addEventListener("click", () => {
|
|
dialog.close();
|
|
document.body.style.removeProperty("overflow");
|
|
document.documentElement.style.removeProperty("overflow");
|
|
})
|
|
})
|
|
})
|
|
}
|
|
function handleClosePopUp() {
|
|
// $(document).ready(function () {
|
|
const invalidMsg = document.getElementById('invalid-otp-msg');
|
|
invalidMsg.textContent = ''
|
|
inputs.forEach(input => {
|
|
input.value = '';
|
|
});
|
|
clearInterval(timerId);
|
|
$(".closeDialog").trigger("click");
|
|
// });
|
|
}
|
|
function handlehideARN() {
|
|
document.getElementById("input-ARN").value = ''
|
|
$('.arn-class').toggle();
|
|
$('.show-arn-msg').toggle();
|
|
}
|
|
handlePopUp()
|
|
// $(document).ready(function () {
|
|
// $(".dialog-button").trigger("click");
|
|
// });
|
|
// handleOTPform()
|
|
</script>
|
|
</html>
|
Powered by TurnKey Linux.