-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpatternLock.html
executable file
·64 lines (55 loc) · 2.03 KB
/
patternLock.html
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
<!DOCTYPE html>
<html>
<head>
<title>Flipkart Android Lock System</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="mainContainer">
<button id="savePattern" style="display:block;">Set and Save Pattern</button>
<button id="checkPattern">Check Pattern</button>
<ul id="contLock" class="containerLock clearfix">
<li id="1"></li>
<li id="2"></li>
<li id="3" class="last"></li>
<li id="4"></li>
<li id="5"></li>
<li id="6" class="last"></li>
<li id="7"></li>
<li id="8"></li>
<li id="9" class="last"></li>
</ul>
<div id="patternImg">
<div id="line14" class="vertical"></div>
<div id="line47" class="vertical"></div>
<div id="line25" class="vertical"></div>
<div id="line58" class="vertical"></div>
<div id="line36" class="vertical"></div>
<div id="line69" class="vertical"></div>
<div id="line12" class="horizontal"></div>
<div id="line23" class="horizontal"></div>
<div id="line45" class="horizontal"></div>
<div id="line56" class="horizontal"></div>
<div id="line78" class="horizontal"></div>
<div id="line89" class="horizontal"></div>
<div id="line15" class="diagnolLeft"></div>
<div id="line26" class="diagnolLeft"></div>
<div id="line48" class="diagnolLeft"></div>
<div id="line59" class="diagnolLeft"></div>
<div id="line24" class="diagnolRight"></div>
<div id="line35" class="diagnolRight"></div>
<div id="line57" class="diagnolRight"></div>
<div id="line68" class="diagnolRight"></div>
<div id="line18" class="longDiagnolLeft"></div>
<div id="line29" class="longDiagnolLeft"></div>
<div id="line27" class="longDiagnolRight"></div>
<div id="line38" class="longDiagnolRight"></div>
<div id="line34" class="bottomDiagnolLeft"></div>
<div id="line67" class="bottomDiagnolLeft"></div>
<div id="line16" class="bottomDiagnolRight"></div>
<div id="line49" class="bottomDiagnolRight"></div>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>