https://dashboard.locusassignments.com/accounts/signup/

1<html lang="en"><head><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="" name="description"/><meta content="" name="author"/><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet" type="text/css"/><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-notific8/jquery.notific8.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/css/components-md.min.css" id="style_components" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/css/plugins-md.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/layout4/css/layout.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/layout4/css/themes/light.min.css" id="style_color" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/layout4/css/custom.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/pages/css/login.min.css" rel="stylesheet" type="text/css"/><style type="text/css">#example1 { background: url(https://locusbucket.s3.amazonaws.com/locustool/static/assets/images/website-signup-background.jpg); background-repeat: no-repeat; background-size: cover; padding: 15px; background-position: center; background-attachment: fixed; } .rememberme { color: #8290a3; } .logo-default { display: block; margin: 0 auto; margin-top: 16px; }</style><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/intlTelInput/css/intlTelInput.css" rel="stylesheet"/><style>.iti { position: relative; display: inline-block; max-width: 100%; margin-left: 35px; width: 90%; } .iti--separate-dial-code .iti__selected-flag { background-color: #f3f2ff; } #id_contact_no{ border:none !important; } .login .content .form-control { background-color: #f3f2ff; height: 43px; color: #03275a8f; border: 1px solid #f1f1f1; } .contact_number_bg{ background-color:#f3f2ff; } .form-group .input-icon{ display: flex; justify-content: center; align-content: center; align-items: center; } .form-group .input-icon i{ margin-top:5px; }</style><style type="text/css">.btnrgt{ float:right; } .login .content { border-radius: 0.5rem !important; } @media all and (min-width: 320px) and (max-width: 631px) { #id_captcha_1{ width:40%; } }</style><link href="favicon.ico" rel="shortcut icon"/></head><body class="login" id="example1"><div class="logo" style="padding: 0px;"></div><div class="content"><div class="text-center"><a href="/"></a></div><form action="/en/accounts/signup/" class="register-form" id="signup_form" method="post" style="display: inherit;"><input name="csrfmiddlewaretoken" type="hidden" value="NdJiWZUi6f0yNzqZJmH7Yco22e6qJ9LH8Cae1OIpF9porIMq9Ws2bhSddZ7g2Gev"/><input name="next" type="hidden" value="/en/accounts/login/"/><h4 class="margin-bottom-20"><strong>Sign Up</strong></h4><div class="form-group first_name"><label class="control-label visible-ie8 visible-ie9">First Name</label><div class="input-icon"><i class="fa fa-user"></i><input class="form-control placeholder-no-fix" name="first_name" placeholder="First Name" type="text" value=""/></div><span class="help-block"></span></div><div class="form-group last_name"><label class="control-label visible-ie8 visible-ie9">Last Name</label><div class="input-icon"><i class="fa fa-user"></i><input class="form-control placeholder-no-fix" name="last_name" placeholder="Last Name" type="text" value=""/></div><span class="help-block"></span></div><div class="form-group email"><label class="control-label visible-ie8 visible-ie9">Email</label><div class="input-icon"><i class="fa fa-envelope"></i><input class="form-control placeholder-no-fix" name="email" placeholder="Email" type="text" value=""/></div><span class="help-block"></span></div><div class="form-group password1"><label class="control-label visible-ie8 visible-ie9">Password</label><div class="input-icon"><i class="fa fa-lock"></i><input autocomplete="off" class="form-control placeholder-no-fix" id="register_password" name="password1" placeholder="Password" type="password"/></div><span class="help-block" id=""></span></div><div class="form-group password2"><label class="control-label visible-ie8 visible-ie9">Re-type Your Password</label><div class="controls"><div class="input-icon"><i class="fa fa-key"></i><input autocomplete="off" class="form-control placeholder-no-fix" name="password2" placeholder="Re-type Your Password" type="password"/></div><span class="help-block" id=""></span></div></div><div class="form-group contact_number_bg contact_no"><label class="control-label visible-ie8 visible-ie9">Contact Number</label><div class="input-icon"><i class="fa fa-phone"></i><input class="form-control placeholder-no-fix" id="id_contact_no" name="contact_no" placeholder="Contact Number" type="tel" value=""/></div><span class="help-block" id=""></span></div><input id="id_website_url" name="website_url" type="hidden"/>

1<script src="https://www.google.com/recaptcha/api.js"></script>

1<script type="text/javascript">
2    // Submit function to be called, after reCAPTCHA was successful.
3    var onSubmit_8dbaeea9a34946ed93722599db927de3 = function(token) {
4        console.log("reCAPTCHA validated for 'data-widget-uuid=\"8dbaeea9a34946ed93722599db927de3\"'")
5    };
6</script>

6<div class="g-recaptcha" data-callback="onSubmit_8dbaeea9a34946ed93722599db927de3" data-sitekey="6Le4pj0pAAAAAAexYuXr7VdW03hMmYWzjiSsCUGl" data-size="normal" data-widget-uuid="8dbaeea9a34946ed93722599db927de3" id="id_captcha" required=""></div>

6<script src="https://www.google.com/recaptcha/api.js"></script>

6<div class="form-actions"><a class="btn btn-circle btn-sm" href="/en/accounts/login/" id="register-back-btn"><i aria-hidden="true" class="fa fa-chevron-left"></i> Back</a><button class="btn btn-primary btn-lg btn-circle btnrgt" id="register-submit-btn" type="submit">Sign Up</button></div><div class="form-actions text-center"></div></form><div class="clearfix"></div></div><!--[if lt IE 9]>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/respond.min.js"></script>

6 

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/excanvas.min.js"></script>

6<![endif]-->

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/moment.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/scripts/app.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/layout4/scripts/layout.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/layout4/scripts/demo.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>

6<link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css"/><link href="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>

6<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/jquery-notific8/jquery.notific8.min.js" type="text/javascript"></script>

6<script>
7$(document).ready(function() {
8    $.notific8("zindex",11500);
9    
10});
11</script>

11<script src="https://locusbucket.s3.amazonaws.com/locustool/static/assets/global/plugins/intlTelInput/js/intlTelInput.min.js"></script>

11<script>
12  $(document).ready(function() {
13  $('#id_contact_no').attr('type','tel');
14    $.ajax({
15        url: "https://geolocation-db.com/jsonp",
16        jsonpCallback: "callback",
17        dataType: "jsonp",
18        headers: {
19            'Content-Type': 'application/json'
20        },
21        success: function(response) {
22            getCountryCode(response.country_code);
23        }
24    });
25
26    function getCountryCode(countrycode) {
27        const phoneInputField = document.querySelector("#id_contact_no");
28        const phoneInput = window.intlTelInput(phoneInputField, {
29            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
30            initialCountry: countrycode,
31            separateDialCode: true,
32            nationalMode: true,
33        });
34        $('form').on('submit', function() {
35            const phoneNumber = phoneInput.getNumber();
36            let numbers = $('#id_contact_no').val(phoneNumber);
37            setTimeout(() => {
38                $('#id_contact_no').val(numbers.val().slice(3, ))
39            }, 500);
40        });
41    }
42});
43</script>

43</body></html>