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

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

页面展示

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

下载地址

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.googleapis.com/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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
李康哲的头像李康哲
上一篇 2023年 8月 3日 下午5:07
下一篇 2023年 8月 3日 下午9:49

相关推荐

发表回复

登录后才能评论

评论列表(1条)

  • 6851的头像
    6851 2023年 8月 3日 下午8:46

    拿走感谢~