Fakultas Ilmu Komputer UI

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

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

<head>
7
    <title>Login Kontributor</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
                        Halo, kontributor
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
64

                        <div>
65
                            <a href="/registrasi/" class="txt1">
66
67
68
                                Belum mendaftar? klik di sini
                            </a>
                        </div>
69

70
71
                    </div>

72
                    <div class="g-recaptcha" data-sitekey={{captcha_site_key}}></div>
73
                    <div class="container-login100-form-btn">
74
                        <button class="login100-form-btn" type="submit">
75
76
77
78
79
                            Login
                        </button>
                    </div>
                </form>

80
                <div class="login100-more" style="background-image: url('../../static/images/bg-03.jpg');">
81
82
83
84
85
86
                </div>

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

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

</body>

</html>