| 1 | {% load static %}
|
|---|
| 2 |
|
|---|
| 3 | <!DOCTYPE html>
|
|---|
| 4 | <html lang="en">
|
|---|
| 5 | <head>
|
|---|
| 6 | <meta charset="UTF-8">
|
|---|
| 7 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 8 | <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|---|
| 9 | <title>Sign Up Form</title>
|
|---|
| 10 | <!-- Font Icon -->
|
|---|
| 11 | <link rel="stylesheet" href="{% static 'fonts/material-icon/css/material-design-iconic-font.min.css' %}">
|
|---|
| 12 | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|---|
| 13 |
|
|---|
| 14 | <!-- Main css -->
|
|---|
| 15 | <link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|---|
| 16 | </head>
|
|---|
| 17 | <body>
|
|---|
| 18 |
|
|---|
| 19 |
|
|---|
| 20 | <div class="container">
|
|---|
| 21 | <!-- Sign up form -->
|
|---|
| 22 | <section class="signup">
|
|---|
| 23 | <div class="signup-content">
|
|---|
| 24 | <div class="signup-form">
|
|---|
| 25 | <h2 class="form-title">Sign up</h2>
|
|---|
| 26 | <form method="POST" class="register-form" id="register-form">
|
|---|
| 27 | {% csrf_token %}
|
|---|
| 28 | <div class="form-group">
|
|---|
| 29 | <label for="name"><i class="zmdi zmdi-account material-icons-name"></i></label>
|
|---|
| 30 | {{form.first_name.label}}
|
|---|
| 31 | {{form.first_name}}
|
|---|
| 32 | </div>
|
|---|
| 33 | <div class="form-group">
|
|---|
| 34 | <label for="name"><i class="zmdi zmdi-account material-icons-name"></i></label>
|
|---|
| 35 | {{form.last_name.label}}
|
|---|
| 36 | {{form.last_name}}
|
|---|
| 37 | </div>
|
|---|
| 38 | <div class="form-group">
|
|---|
| 39 | <label for="name"><i class="zmdi zmdi-account material-icons-name"></i></label>
|
|---|
| 40 | {{form.username.label}}
|
|---|
| 41 | {{form.username}}
|
|---|
| 42 | </div>
|
|---|
| 43 | <div class="form-group">
|
|---|
| 44 | <label for="email"><i class="zmdi zmdi-email"></i></label>
|
|---|
| 45 | {{form.email.label}}
|
|---|
| 46 | {{form.email}}
|
|---|
| 47 | </div>
|
|---|
| 48 | <div class="form-group">
|
|---|
| 49 | <label for="pass"><i class="zmdi zmdi-lock"></i></label>
|
|---|
| 50 | {{form.password1.label}}
|
|---|
| 51 | {{form.password1}}
|
|---|
| 52 | </div>
|
|---|
| 53 | <div class="form-group">
|
|---|
| 54 | <label for="re-pass"><i class="zmdi zmdi-lock-outline"></i></label>
|
|---|
| 55 | {{form.password2.label}}
|
|---|
| 56 | {{form.password2}}
|
|---|
| 57 | </div>
|
|---|
| 58 | <div class="form-group form-button">
|
|---|
| 59 | <input type="submit" name="signup" id="signup" class="form-submit" value="Signup"/>
|
|---|
| 60 | <a href="{% url 'login' %}"></a>
|
|---|
| 61 |
|
|---|
| 62 | </div>
|
|---|
| 63 | </form>
|
|---|
| 64 | </div>
|
|---|
| 65 |
|
|---|
| 66 | {{form.errors}}
|
|---|
| 67 |
|
|---|
| 68 | <div class="signup-image">
|
|---|
| 69 | <figure><img src="{% static 'images/signup-image.jpg' %}" alt="sing up image"></figure>
|
|---|
| 70 | <a href="{% url 'login' %}" class="signup-image-link">I am already member 👍</a>
|
|---|
| 71 | </div>
|
|---|
| 72 | </div>
|
|---|
| 73 | </section>
|
|---|
| 74 | </div>
|
|---|
| 75 |
|
|---|
| 76 | <!-- JS -->
|
|---|
| 77 | <script src="{% static 'vendor/jquery/jquery.min.js' %} "></script>
|
|---|
| 78 | <script src="{% static 'js/main.js' %} "></script>
|
|---|
| 79 | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
|---|
| 80 | </body>
|
|---|
| 81 | </html>
|
|---|