大前端themebetter-ent主题404页面

无意中看到大前端themebetter-ent主题的404页面,感觉挺不错的,扒下来把。

在代码第2629行修改404页面内容和网址。

截图演示

大前端themebetter-ent主题404页面

404模版代码

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>404 出错啦</title>
<style>
body{color: #999;font-family: 'Microsoft Yahei';text-align: center;margin: 0;padding: 0;}
h1{font-size: 140px;margin: 0 0 40px;padding: 10px 0;background-color: #FF4F4F;color: #fff;font-weight: normal;padding-top: 200px;}
h2{font-size: 32px;margin: 0 0 10px;font-weight: normal;color: #FF4F4F;}
h3{font-size: 24px;margin: 0 0 40px;font-weight: normal;}
a{font-size: 14px;color: #fff;background-color: #00AAEF;display: inline-block;padding: 10px 25px;border-radius: 50px;text-decoration: none;}
a:hover{color: #fff;background-color: #049FDE;}
@media (max-width: 640px) {
  h1{padding-top: 100px;font-size: 100px;margin-bottom: 50px;}
  h2{font-size: 24px;margin-bottom: 5px;}
  h3{font-size: 18px;}
  a{font-size: 12px;}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>

<h1>404</h1>
<h2>出错啦</h2>
<h3>你找的内容不存在!</h3>
<a href="https://www.paoyou.org">返回炮友首页</a>

</body>
</html>

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注