dylan/POS-Printer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add web front

Browse Source
This commit is contained in:
DylanWu
2022-05-02 21:59:57 +08:00
parent 28b2114ad5
commit ad4ba4361a
6 changed files with 254 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
client/index.html Normal file
View File

@ -0,0 +1,54 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3d浮雕样式登录页面</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="box">
<form action="#" method="post">
<label for="username">用户名</label></br>
<input type="text" name="uname" id="uname" placeholder="用户名" class="input-box">
</br></br>
<label for="username">密码</label></br>
<input type="password" name="uname" id="uname" placeholder="密码" class="input-box"></br>
<div class="forget">
<label class="checkbox-label">
<input type="checkbox">
<span class="checkbox-custom "></span>
<span class="label-text">记住我</span>
</label>
<span class="fg">
<a href="#"> 忘记密码?</a>
</span>
</div>
<button type="submit" class="btn">登 录</button>
</form>
<span class="option">第三方登录</span>
<div class="social">
<div class="box-radius">
<img src="images/fb.png" alt="">
</div>
<div class="box-radius">
<img src="images/google.png" alt="">
</div>
<div class="box-radius">
<img src="images/linkedin.png" alt="">
</div>
<div class="box-radius">
<img src="images/twitter.png" alt="">
</div>
</div>
</div>
</div>
</body>
</html>