-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (111 loc) ยท 3.39 KB
/
index.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
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>๐ข๐ฒ๐ฐ๐ท ๐๐ท</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="1.ico">
<script type="text/javascript">
if (screen.width <= 858) {
document.location = "m";
}
</script>
</head>
<body>
<audio src=""></audio>
<script>
var audio = document.createElement("AUDIO")
document.body.appendChild(audio);
audio.src = ""
document.body.addEventListener("mousemove", function () {
audio.play()
})
</script>
<style>
body {
margin : 0;
padding : 0px;
display : grid;
place-content : center;
min-height : 90vh;
background-image: url('1.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
<!-- background-size: 100% 100%; -->
background-position: center;
}
.login {
display: flex;
background-color: white; /* Green */
border: 2px solid #008CBA;
color: red;
padding: 8px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius: 5%;
opacity: 50%;
}
.login1 {
display: flex;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);border-radius: 5%;
}
.login2:hover {
display: flex;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);border-radius: 5%;
}
#fl {
display: flex;
left : 50%;
top : 50%;
position : absolute;
transform : translate(-50%, -50%);
}
::-webkit-input-placeholder { /* Edge */
display: flex;
color: red;
font-family: cursive;
opacity: 50px;
text-align: center;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
display: flex;
font-family: cursive;
opacity: 50px;
text-align: center;
}
::placeholder {
display: flex;
color: red;
font-family: cursive;
opacity: 50px;
text-align: center;
}
input {
color: red;
font-family: cursive;
opacity: 50px;
text-align: center;
}
</style>
<center><pre style="font-size: 30px;text-shadow: 2px 2px 5px red;color:white;"> ๐ก๐ฎ๐ฐ๐ฒ๐ผ๐ฝ๐ป๐ฎ ๐๐ธ๐ท๐ฝ๐ป๐ช๐ฌ๐ฝ</pre></center>
<form onclick="r.js" method="post">
<div>
<label id="l"> ๐ฉ๐ช๐๐ฎ </label>
<input style="border-radius: 25px;border: 2px solid #2196F3;width: 200px;height: 30px;margin-bottom: 25px; opacity: 75%;" type="text" placeholder="๏ผฐ๏ฝ
๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ ๏ผฎ๏ฝ๏ฝ๏ฝ
" name="PN" required="">
<label id="l1"> ๐๐๐ฎ๐๐ธ๐ </label>
<input style="border-radius: 25px;border: 2px solid #2196F3;;width: 200px;height: 30px;opacity: 75%" type="password" placeholder="๏ผฆ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ ๏ผฎ๏ฝ๏ฝ๏ฝ
" name="FN" required="">
<label id="l2"> ๐๐พ๐ป๐๐ฑ๐น๐ช๐: </label>
<input style="text-align: center; font-family: cursive;color: red;border-radius: 25px;border: 2px solid #2196F3;;width: 200px;height: 30px;opacity: 75%" type="date" name="SGen" required="">
<center> <button class="login login2" style="color: red;border-radius: 25px;border: 2px solid #2196F3;height: 35px;opacity: 75%">Rแดษขษชsแดสแด</button> </center>
</div>
</form>
</body></html>