Template source: register.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta name="description" content="Create an account on VersatileKids"> <meta content="" name="author"> <link href="" rel="shortcut icon"> <title>Create an account on VersatileKids</title><!-- Bootstrap core CSS --> {% load static from staticfiles %} <link rel="shortcut icon" type="image/png" href="{% static 'img/16x16_crop_favicon__3_.png' %}"/> <link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/style1.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/footer.css' %}"> {% load loc_tags %} <script> if (document.location.hostname.search("www.versatilekids.com") !== -1) { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); } ga('create', 'UA-60950544-1', 'auto'); ga('send', 'pageview'); </script> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.14.0/jquery.validate.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.validation/1.14.0/additional-methods.min.js"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> <script> $(document).ready(function () { jQuery.validator.setDefaults({ highlight: function(element) { $(element).closest('.form-group').removeClass('has-success').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); }, errorElement: 'span', errorClass: 'help-block', errorPlacement: function(error, element) { if(element.parent('.input-group').length) { error.insertAfter(element.parent()); } else { error.insertAfter(element); } } }); $.extend($.validator.messages, { equalTo: "Please make sure passwords match." }); $.validator.addMethod("passwordRegex", function(value, element) { return this.optional(element) || /[a-z].*[0-9]|[0-9].*[a-z]/i.test(value); }, "Password must contain letters & numbers"); jQuery.validator.addMethod("noSpace", function(value, element) { return value.indexOf(" ") < 0 && value != ""; }, "Username cannot contain spaces"); $( "#register-form" ).validate({ ignore: ".ignore, :hidden", rules: { 'first_name': { required: true, maxlength: 30 }, 'last_name': { required: true, maxlength: 30 }, 'username': { required: true, noSpace: true, maxlength: 30, remote: "/check-username" }, 'email': { required: true, email: true, remote: "/check-email" }, 'password1': { required: true, minlength: 6, passwordRegex: "Password format not valid" }, 'password2': { required: true, equalTo: "#id_password1" } }, messages: { username: {remote: "This username is already taken."}, email: {remote: "This email is already taken."} } }); }); </script> </head> <body class="signup-page"> {% if messages %} <br> <div class = 'row'> <div class = 'col-xs-12'> {% for message in messages %} <div {% if message.tags == "success" %} class = "alert alert-success message-alert"{% endif %} {% if message.tags == "warning" %} class = "alert alert-danger message-alert"{% endif %} role="alert"> {% if message.tags == "success" %} This feature needs you to be logged in. Please sign up below or <a href="/accounts/login">login</a> if you already have an account.{% endif %} {% if message.tags == "warning" %} Looks like you have email share disabled on Facebook. A versatilekids.com account requires an email Id. Please sign up with an email below. Alternatively, you can delete the versatilekids.com app from your facebook account and try signing up again, with email share enabled. {% endif %} <button type="button" class="close" data-dismiss="alert"> <span aria-hidden="true">&times;</span> <span class="sr-only">Close</span> </button> </div> {% endfor %} </div> </div> {% endif %} <header> <div class="container"> <div class="col-lg-12 col-md-12"> <a href="/"> <img id="logo" src="{% static 'img/LOGO6.png' %}" class="" style="width:200px; height:30px; margin-top:15px;"> </a> <h3>Sign up to get weekly updates on Discounts and Trends on Summer Camps and Activities in your Neighborhood</h3> </div> </div> </header> </br> <div class="container register-page"> <div class="row"> <div class="col-xs-12 col-sm-8 col-md-5 "> <div class="panel panel-info" > <div class="panel-body"> <div class="register-head"><h2>User Sign Up</h2> <span>Are you a Provider?<a href="/services/register"> Sign up here</a></span></div> <hr class="colorgraph top-divider"> <a href= "{% url 'social:begin' 'facebook' %}"> <button class="btn btn-facebook"><i class="fa fa-facebook"></i> | Connect with Facebook</button> </a> <div class="login-or"> <hr class="hr-or"> <span class="span-or">or</span> </div> <form action="/accounts/register/" id="register-form" method="post">{% csrf_token %} <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <label for="firstname">First Name</label> {{form.first_name}} {{form.first_name.errors}} </div> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <div class="form-group"> <label for="lastname">Last Name</label> {{form.last_name}} {{form.last_name.errors }} </div> </div> </div> <div class="form-group"> <label for="emailaddress">Email</label> {{form.email}} {{form.email.errors}} </div> <div class="form-group"> <label for="password">Password</label> {{form.password1}} {{form.password1.errors}} </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <p>By creating a account you are agreeing to VersatileKids <a href="/home/terms-of-use" target="_blank">Terms and Conditions</a> and <a href="/home/privacy-policy" target="_blank">Privacy Policy</a></p> </div> </div> <div class="row"> <div class="col-sm-12 controls"> <button class="btn btn-primary btn-register" type="submit" style="margin-right: 10px;">Sign Up For VersatileKids</button> </div> </div> <hr class="colorgraph"> <div class="row"> <div class="col-xs-12 col-sm-12"> <p>Already a User? <a href="/accounts/login">Login </a></p> </div> <!--<div class="col-xs-7 col-sm-6"> <p>Are You an Activity Provider? <a href="/services/register">Sign Up Here</a></p> </div>--> </div> </form> </div> </div> </div> </div> </div><!-- /container --> </body> </html>