Fakultas Ilmu Komputer UI

login.html 6.23 KB
Newer Older
1
2
{% load static %}

3
4
5
6
<!DOCTYPE html>
<html lang="en">

<head>
7
    <title>Login</title>
8
9
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!--===============================================================================================-->
<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' %}">
31
32
33
    <!--===============================================================================================-->
</head>

34
<body style="background-color: #666666;">
35
36
37
38
39
40

    <div class="limiter">

        <div class="container-login100">

            <div class="wrap-login100">
41
42
                <form class="login100-form validate-form" method="POST">
                    {% csrf_token %}
43

44
                    <div class="login100-form-title p-b-43">
45
                        Selamat Datang
46
47
48
49
50
51
52
53
54
55
56
57
58
                    </div>


                    <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                        <input class="input100" type="text" name="email">
                        <span class="focus-input100"></span>
                        <span class="label-input100">Email</span>
                    </div>


                    <div class="wrap-input100 validate-input" data-validate="Password is required">
                        <input class="input100" type="password" name="pass">
                        <span class="focus-input100"></span>
59
                        <span class="label-input100">Kata Sandi</span>
60
61
62
                    </div>

                    <div class="flex-sb-m w-full p-t-3 p-b-32">
63
                        <div>
64
                            <a href="/registrasi/umum" class="txt1">
65
66
                                Belum mendaftar? klik di sini
                            </a>
67
                            <br>
68
69
70
71
                            <a href="/reset_password" class="txt1">
                                Lupa password? klik di sini
                            </a>
                            <br>
72
73
74
                            <a href="/registrasi" class="txt1">
                                Ingin jadi kontributor? klik di sini
                            </a>
75
76
77
                        </div>
                    </div>

78
                    <div class="g-recaptcha" data-sitekey={{captcha_site_key}}></div>
79
                    <div class="container-login100-form-btn">
80
                        <button class="login100-form-btn" type="submit">
81
82
83
84
85
                            Login
                        </button>
                    </div>
                </form>

86
                <div class="login100-more" style="background-image: url('../../static/images/bg-03.jpg');">
87
88
89
90
91
92
                </div>

            </div>
        </div>
    </div>

93
    <!--===============================================================================================-->
94
    <script src="../static/vendor/jquery/jquery-3.2.1.min.js"></script>
95
    <!--===============================================================================================-->
96
    <script src="../static/vendor/animsition/js/animsition.min.js"></script>
97
    <!--===============================================================================================-->
98
99
    <script src="../static/vendor/bootstrap/js/popper.js"></script>
    <script src="../static/../static/../static/../static/../static/../static/vendor/bootstrap/js/bootstrap.min.js"></script>
100
    <!--===============================================================================================-->
101
    <script src="../static/../static/../static/../static/../static/vendor/select2/select2.min.js"></script>
102
    <!--===============================================================================================-->
103
104
    <script src="../static/../static/../static/../static/vendor/daterangepicker/moment.min.js"></script>
    <script src="../static/../static/../static/vendor/daterangepicker/daterangepicker.js"></script>
105
    <!--===============================================================================================-->
106
    <script src="../static/../static/vendor/countdowntime/countdowntime.js"></script>
107
    <!--===============================================================================================-->
108
    <script src="../static/js/login.js"></script>
109
110
    <!--===============================================================================================-->
    <script src='https://www.google.com/recaptcha/api.js'></script>
111
112
113
114

</body>

</html>