Fakultas Ilmu Komputer UI

index_admin.html 7.38 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Registrasi Admin</title>
    <link rel="icon" type="image/png" href="{% static 'images/icons/logo.ico' %}" />
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'fonts/font-awesome-4.7.0/css/font-awesome.min.css' %}">
    <!--===============================================================================================-->
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/animate/animate.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/animsition/css/animsition.min.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/select2/select2.min.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/daterangepicker/daterangepicker.css' %}">
    <!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/util.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
    <!--===============================================================================================-->
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital@1&display=swap" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>
<body style="background-color: #666666;">
    
    <main>
        <div class="limiter">
Rizkhi PH's avatar
Rizkhi PH committed
37
38
39
            {% if message %}
            <h1>{{ message }}</h1>
            {% endif %}
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
            <div class="container-login100">
                <div class="wrap-login100">
                    <form class="login100-form validate-form" method="POST" action="">
                        {% csrf_token %}
                        <div class="login100-form-title p-b-43">
                            Registrasi Admin
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
                            {{ form.name }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Nama</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Password is required">
                            <!-- <input class="input100" type="text" name="pekerjaan"> -->
                            {{ form.instansi }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Instansi/Pekerjaan</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
61
                            {{ form.nik.errors }}
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
                            {{ form.nik }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">NIK</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
                            {{ form.alamat }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Alamat</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
                            {{ form.email.errors }}
                            {{ form.email }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Email</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
81
                            {{ form.nomor_telpon.errors }}
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
                            {{ form.nomor_telpon }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Nomor Telepon</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
                            {{ form.password.errors }}
                            {{ form.password }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Kata Sandi</span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                            <!-- <input class="input100" type="text" name="nama"> -->
                            {{ form.password2 }}
                            <span class="focus-input100"></span>
                            <span class="label-input100">Ketik Ulang Kata Sandi</span>
                        </div>

            
                        <div class="container-login100-form-btn">
                            <button class="login100-form-btn">
                                Daftar
                            </button>
                        </div>

                        <div class="flex-sb-m w-full p-t-3 p-b-32">
                        
                            <div>
                                <a href="/login/" class="txt1">
                                    Kembali ke halaman login
                                </a>
                            </div>
                        
                        </div>

                    </form>
                    <div class="login100-more" style="background-image: url('../static/images/bg-03.jpg'); z-index: 0;">
                    </div>
                </div>
            </div>
        </div>
    </main>
</body>
</html>