动态登录模板 - A8源码实例

基本信息

源码名称：动态登录模板

源码大小：0.84M

文件格式：.zip

开发语言：CSS

更新时间：2021-04-01

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

<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">

	</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.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></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>