<!DOCTYPE HTML>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- web-fonts -->
<link href="http://maxcdn.bootstrapcdn.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
<!-- bg effect -->
<div id="bg">
<canvas></canvas>
<canvas></canvas>
<canvas></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<h1>Effect Login Form</h1>
<!-- //title -->
<!-- content -->
<div class="sub-main-w3">
<form action="#" method="post">
<h2>Login Now
<i class="fas fa-level-down-alt"></i>
</h2>
<div class="form-style-agile">
<label>
<i class="fas fa-user"></i>
Username
</label>
<input placeholder="Username" name="Name" type="text" required="">
</div>
<div class="form-style-agile">
<label>
<i class="fas fa-unlock-alt"></i>
Password
</label>
<input placeholder="Password" name="Password" type="password" required="">
</div>
<!-- checkbox -->
<div class="wthree-text">
<ul>
<li>
<label class="anim">
<input type="checkbox" class="checkbox" required="">
<span>Stay Signed In</span>
</label>
</li>
<li>
<a href="#">Forgot Password?</a>
</li>
</ul>
</div>
<!-- //checkbox -->
<input type="submit" value="Log In">
</form>
</div>
<!-- //content -->
<!-- copyright -->
<div class="footer">
<p>Copyright © 2018.Company name All rights reserved.</p>
</div>
<!-- //copyright -->
<!-- Jquery -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- //Jquery -->
<!-- effect js -->
<script src="js/canva_moving_effect.js"></script>
<!-- //effect js -->
</body>
</html>
html5+css3+js动态气泡背景用户登录页面模板
需积分: 5 103 浏览量
2024-04-10
16:08:53
上传
评论
收藏 86KB RAR 举报
html5动态背景用户登录页面模板.rar （7个子文件） 
html5动态背景用户登录页面模板 js 
jquery-3.3.1.min.js 143KB canva_moving_effect.js 9KB index.html# 79B webfonts fa-solid-900.woff2 39KB css style.css 9KB fontawesome-all.css 45KB
index.html 3KB资源评论
仙女网页设计
- 粉丝: 3334
- 资源: 162
