自适应蓝黄色调的404错误页面源码

李康哲 • 2023年 8月 3日下午5:12 • 网站源码 • 阅读 222

分享一款自适应蓝黄色调的404错误页面源码，源码为html单页，左面是蓝色，右边是黄色调，可点击返回首页，底部可以加网站版权。

页面展示

下载地址

https://dmfhy.lanzout.com/ixGF114avddi

源代码展示

<!DOCTYPE html>
<html>
<head>
<title>404 错误页面 - www.xiaolanzy.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link href="assets/css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="http://fonts.geekzu.org/css?family=Raleway:400,500,600,700,800,900" rel="stylesheet">
</head>
<body>
<div class="error_main">
	<div class="content">
		<h1>错误页面</h1>
			<div class="error_content">
				<span class="fa fa-frown-o"></span>
				<h2>对不起, 这个页面找不到了!</h2>
				<p>不知道您是怎么到这个页面来的，虽然页面暂时无法找到，别担心，您可以返回首页继续浏览其他网页。</p>
				<form action="#" method="post">
					<input class="serch" type="search" name="serch" placeholder="Search here" required="">
					<button class="btn1"><i class="fa fa-search" aria-hidden="true"></i></button>
					<div class="clear"> </div>
				</form>
				<a class="b-home" href="https://www.xiaolanzy.com">返回首页</a>
			</div>
		<div class="footer">
		 <p>Copyright &copy; <a target="_blank" href="">404</a></p>
		</div>
	</div>
	
</div>

</body>
</html>

原创文章，作者：李康哲，如若转载，请注明出处：https://www.xiaolanzy.com/38.html