Ting Chan / palertx_web

Blame view

template/pattern-lock-screen.html 4.63 KB
edit raw normal view history
cf76164e6   Ting Chan   20190709 
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
 
  <!DOCTYPE html>
  <html lang="en">
      <head>
          
          <!-- Title -->
          <title>Alpha | Responsive Admin Dashboard Template</title>
          
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
          <meta charset="UTF-8">
          <meta name="description" content="Responsive Admin Dashboard Template" />
          <meta name="keywords" content="admin,dashboard" />
          <meta name="author" content="Steelcoders" />
          
          <!-- Styles -->
          <link type="text/css" rel="stylesheet" href="assets/plugins/materialize/css/materialize.min.css"/>
          <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
          <link href="assets/plugins/material-preloader/css/materialPreloader.min.css" rel="stylesheet">    
          <link href="assets/plugins/patternlock-master/patternLock.css" rel="stylesheet">    
  
          	
          <!-- Theme Styles -->
          <link href="assets/css/alpha.min.css" rel="stylesheet" type="text/css"/>
          <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
          
          
          <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
          <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
          <!--[if lt IE 9]>
          <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
          
      </head>
      <body class="signin-page pattern-lock-screen">
          <div class="loader-bg"></div>
          <div class="loader">
              <div class="preloader-wrapper big active">
                  <div class="spinner-layer spinner-blue">
                      <div class="circle-clipper left">
                          <div class="circle"></div>
                      </div><div class="gap-patch">
                      <div class="circle"></div>
                      </div><div class="circle-clipper right">
                      <div class="circle"></div>
                      </div>
                  </div>
                  <div class="spinner-layer spinner-red">
                      <div class="circle-clipper left">
                          <div class="circle"></div>
                      </div><div class="gap-patch">
                      <div class="circle"></div>
                      </div><div class="circle-clipper right">
                      <div class="circle"></div>
                      </div>
                  </div>
                  <div class="spinner-layer spinner-yellow">
                      <div class="circle-clipper left">
                          <div class="circle"></div>
                      </div><div class="gap-patch">
                      <div class="circle"></div>
                      </div><div class="circle-clipper right">
                      <div class="circle"></div>
                      </div>
                  </div>
                  <div class="spinner-layer spinner-green">
                      <div class="circle-clipper left">
                          <div class="circle"></div>
                      </div><div class="gap-patch">
                      <div class="circle"></div>
                      </div><div class="circle-clipper right">
                      <div class="circle"></div>
                      </div>
                  </div>
              </div>
          </div>
          <div class="mn-content valign-wrapper">
              <main class="mn-inner container ">
                  <div class="valign">
                      <div class="row">
                          <div class="col s12 m6 l4 offset-l4 offset-m3 center">
                              <h3 id="time" class="white-text"></h3>
                              <h5 id="date" class="white-text"></h5>
                              <div id="patternContainer" style="margin: 0 auto;"></div>
                              <small class="white-text">Draw 'G' shape to unlock, start from top right corner</small>
                          </div>
                      </div>
                  </div>
              </main>
          </div>
          
          <!-- Javascripts -->
          <script src="assets/plugins/jquery/jquery-2.2.0.min.js"></script>
          <script src="assets/plugins/materialize/js/materialize.min.js"></script>
          <script src="assets/plugins/material-preloader/js/materialPreloader.min.js"></script>
          <script src="assets/plugins/jquery-blockui/jquery.blockui.js"></script>
          <script src="assets/plugins/patternlock-master/patternLock.min.js"></script>
          <script src="assets/js/alpha.min.js"></script>
          <script src="assets/js/pages/pattern-lock-screen.js"></script>
          
      </body>
  </html>