https://materials-lab.io/accounts/login/

1
2
3<!DOCTYPE html>
4<html>
5  <head>
6    <meta charset="utf-8" />
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <link rel="apple-touch-icon" sizes="76x76" href="/static/assets/img/apple-icon.png">
9    <link rel="icon" type="image/png" href="/static/assets2/img/favicon.png">
10
11  
12    <title>Sign In</title>
13
14    <!--     Fonts and icons     -->
15    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
16    <!-- Nucleo Icons -->
17    <link href="/static/assets2/css/nucleo-icons.css" rel="stylesheet" />
18    <link href="/static/assets2/css/nucleo-svg.css" rel="stylesheet" />
19    <!-- Font Awesome Icons -->
20    

20<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>

20
21    <!-- Material Icons -->
22    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
23    <!-- CSS Files -->
24    <link id="pagestyle" href="/static/assets2/css/material-dashboard.css" rel="stylesheet" />
25  </head>
26
27
28  <body>
29    
30
31    
32
33    <div>
34      
35    </div>
36
37
38
39    
40
41
42
43<div class="page-header align-items-start min-vh-100" style="background-image: url('https://images.unsplash.com/photo-1497294815431-9365093b7331?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1950&q=80');">
44      <span class="mask bg-gradient-dark opacity-6"></span>
45      <div class="container my-auto">
46        <div class="row">
47          <div class="col-lg-4 col-md-8 col-12 mx-auto">
48            <div class="card z-index-0 fadeIn3 fadeInBottom">
49              <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
50                <div class="bg-gradient-primary shadow-primary border-radius-lg py-3 pe-1">
51                  <h4 class="text-white font-weight-bolder text-center mt-2 mb-0">Sign in
52                  
53                  <br><br><a class="btn btn-link px-3" href="http://materials-lab.io/accounts/google/login/?process=login">
54                          <i class="fa fa-google text-white text-lg"></i>
55                        </a>
56                  </h4>
57                </div>
58              </div>
59              <div class="card-body">
60
61
62<form class="login" method="POST" action="/accounts/login/" novalidate>
63  <input type="hidden" name="csrfmiddlewaretoken" value="SYaCR3OTK1yLEpJ47W1BXepykWWIYTRyy7hDdEtZu9hK3VXv1oZxCmJh74EgVrSi">
64  <p>
65    <label for="id_login">Username:</label>
66    <input type="text" name="login" placeholder="Username" autocomplete="username" maxlength="150" required id="id_login">
67    
68    
69  </p>
70
71  
72  <p>
73    <label for="id_password">Password:</label>
74    <input type="password" name="password" placeholder="Password" autocomplete="current-password" required id="id_password">
75    
76    
77  </p>
78
79  
80  <p>
81    <label for="id_remember">Remember Me:</label>
82    <input type="checkbox" name="remember" id="id_remember">
83    
84    
85      
86    
87  </p>
88
89  
90  <button class="primaryAction btn btn-icon btn-2 btn-primary" type="submit">Sign In</button>
91</form>
92
93
94              </div>
95            </div>
96          </div>
97        </div>
98      </div>
99    </div>
100
101
102
103    
104
105
106  <!--   Core JS Files   -->
107  

107<script src="/static/assets2/js/core/popper.min.js"></script>

107
108  

108<script src="/static/assets2/js/core/bootstrap.min.js"></script>

108
109  

109<script src="/static/assets2/js/plugins/perfect-scrollbar.min.js"></script>

109
110  

110<script src="/static/assets2/js/plugins/smooth-scrollbar.min.js"></script>

110
111  <!-- Kanban scripts -->
112  

112<script src="/static/assets2/js/plugins/dragula/dragula.min.js"></script>

112
113  

113<script src="/static/assets2/js/plugins/jkanban/jkanban.js"></script>

113
114  

114<script>
115    var win = navigator.platform.indexOf('Win') > -1;
116    if (win && document.querySelector('#sidenav-scrollbar')) {
117      var options = {
118        damping: '0.5'
119      }
120      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
121    }
122  </script>

122
123  <!-- Github buttons -->
124  

124<script async defer src="https://buttons.github.io/buttons.js"></script>

124
125  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
126  

126<script src="/static/assets2/js/material-dashboard.min.js"></script>

126
127
128
129
130  </body>
131</html>